<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="copyright" content="mogujie.com">
    <meta name="apple-itunes-app" content="app-id=452176796, app-argument=">
    <link rel="icon" href="https://s10.mogucdn.com/mlcdn/c45406/170401_16fj5k6k4174bfd21d03a4gf6a7hg_48x48.png"
        type="image/x-icon">
    <title>牛仔裤男2019冬天加绒加厚休闲直筒裤青年冬季弹力宽松保暖裤</title>
    <meta name="description"
        content="美丽联合集团是女性时尚媒体和时尚消费平台，通过整合现在已有的资源，包括电商、社区、红人、内容等等，来服务于不同的女性用户。蘑菇街是集团旗下定位于年轻女性用户的时尚媒体与时尚消费类App，核心用户人群为 18-23 岁年轻女性用户。2015年，蘑菇街以当红明星李易峰和“我的买手街”的品牌定位，成功树立了自身以买手精选为核心理念的差异化品牌形象。2016年，迪丽热巴以首席体验官的身份代表广大用户加入蘑菇街，从而更好地为年轻女性用户提供从美妆、穿搭分享到时尚购物的一站式消费体验。">
    <meta name="og:title" content="蘑菇街">
    <meta name="og:description"
        content="美丽联合集团是女性时尚媒体和时尚消费平台，通过整合现在已有的资源，包括电商、社区、红人、内容等等，来服务于不同的女性用户。蘑菇街是集团旗下定位于年轻女性用户的时尚媒体与时尚消费类App，核心用户人群为 18-23 岁年轻女性用户。2015年，蘑菇街以当红明星李易峰和“我的买手街”的品牌定位，成功树立了自身以买手精选为核心理念的差异化品牌形象。2016年，迪丽热巴以首席体验官的身份代表广大用户加入蘑菇街，从而更好地为年轻女性用户提供从美妆、穿搭分享到时尚购物的一站式消费体验。">
    <link rel="stylesheet" type="text/css"
        href="https://s10.mogucdn.com/__/newtown/mogu-global/assets/pc/common/login/index.css-2b71aaa8.css">
    <link rel="stylesheet"
        href="https://s10.mogucdn.com/__/mfp/global/assets/1.1.9/pc/common/base/css/index.css,mfp/meili-mgj-pc-header/assets/0.1.21/header.css,mfp/meili-mgj-pc-new-sidebar/assets/0.1.3/sidebar.css,mfp/meili-mgj-pc-footer/assets/0.0.14/footer.css,mfp/meili-mgj-top-nav-side-bar/assets/0.1.17/TopNavSideBar.css,mfp/meili-shoppc-header/assets/0.1.29/shopHeader.css">

    <link href="https://s10.mogucdn.com/__newtown/mogu-global/assets/pc/common/im/index.css-151cbbf6.css"
        rel="stylesheet" type="text/css">
    <link rel="stylesheet"
        href="https://s10.mogucdn.com/__/mfp/meili-all-base-style/assets/0.1.7/icon.css,mfp/mgj-pc-detail/assets/55/pages/normal/index.css">
    <style type="text/css">
        .goods-social {
            margin-left: 60px;
        }

        .goods-social .item {
            padding: 0 13px;
            height: 24px;
            line-height: 24px;
            border: 1px solid #ddd;
            border-radius: 24px;
            color: #999;
            float: left;
            cursor: pointer;
            margin-right: 10px;
        }

        .goods-social .fav .isfav {
            font-size: 12px;
        }

        .goods-social .fav b {
            background-image: url('https://s10.mogucdn.com/p2/170122/117603130_6a8jgjh899bh5jd6hcia3ehhj0113_221x704.png');
            background-position: -10px -114px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            position: relative;
            top: 1px;
            width: 15px;
            height: 13px;
            display: inline-block;
            margin-right: 5px;
        }

        .goods-social .fav:hover {
            border-color: #ef2f23;
        }

        .goods-social .faved {
            border-color: #ef2f23;
            color: #ef2f23;
        }

        .goods-social .faved .isfav {
            color: #ef2f23;
            font-size: 12px;
        }

        .goods-social .faved b {
            background-image: url('https://s10.mogucdn.com/p2/170122/117603130_6a8jgjh899bh5jd6hcia3ehhj0113_221x704.png');
            background-position: -10px -114px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            position: relative;
            top: 1px;
            width: 15px;
            height: 13px;
            display: inline-block;
            margin-right: 5px;
        }

        .goods-social .share {
            position: relative;
        }

        .goods-social .share b {
            background-image: url('https://s10.mogucdn.com/p2/170122/117603130_6a8jgjh899bh5jd6hcia3ehhj0113_221x704.png');
            background-position: -9px -56px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 10px;
            height: 10px;
            display: inline-block;
            margin-right: 5px;
        }

        .goods-social .share a {
            float: left;
            width: 17px;
            height: 17px;
            margin-left: 8px;
        }

        .goods-social .share-w {
            position: absolute;
            top: 28px;
            left: 0;
            padding-top: 16px;
            width: 64px;
            height: 35px;
            background-image: url(https://s10.mogucdn.com/mlcdn/c024f5/180510_2l62k123bel8hk0a0i29b4hl6eded_62x44.png);
            background-repeat: no-repeat;
            overflow: hidden;
            display: none;
        }

        .goods-social .report {
            float: left;
            height: 26px;
            line-height: 26px;
        }

        .goods-social .report a {
            color: #999;
        }
    </style>
    <style type="text/css">
        .goods-extra .extra-services {
            padding-top: 20px;
            width: 600px;
        }

        .goods-extra .extra-services .label {
            color: #999;
        }

        .goods-extra .extra-services .list {
            width: 500px;
        }

        .goods-extra .extra-services .item {
            margin-top: -4px;
            height: 30px;
            color: #666;
            display: inline-block;
            margin-right: 20px;
            margin-bottom: 10px;
        }

        .goods-extra .extra-services .link {
            color: #666;
        }

        .goods-extra .extra-services .link img {
            margin-right: 4px;
        }

        .goods-extra .extra-pay {
            margin-top: 10px;
        }

        .goods-extra .extra-pay .label {
            color: #999;
        }

        .goods-extra .extra-pay .list {
            background-image: url('https://s10.mogucdn.com/p2/170122/117603130_6a8jgjh899bh5jd6hcia3ehhj0113_221x704.png');
            background-position: -10px -295px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 131px;
            height: 20px;
        }

        .goods-extra .extra-pay .list-nomaibei {
            background-position: -37px -295px;
        }
    </style>
    <style type="text/css">
        .goods-title {
            font-family: Microsoft YaHei, arial;
            color: #333;
            margin-bottom: 20px;
        }

        .goods-title span {
            vertical-align: middle;
        }

        .goods-title .title {
            font-size: 26px;
            line-height: 38px;
            width: 100%;
        }

        .goods-title .title.small {
            font-size: 24px;
            line-height: 25px;
        }

        .goods-title .desc {
            font-size: 14px;
            line-height: 20px;
            margin-top: 6px;
            font-weight: normal;
        }

        .goods-title .tag.small img {
            height: 16px;
        }

        .goods-title .tag img {
            height: 24px;
        }
    </style>
    <style type="text/css">
        .goods-sku .pannel-title,
        .goods-sku .pannel-action {
            display: none;
        }

        .goods-sku .goods-buy {
            padding: 5px 0 20px 60px;
        }

        .goods-sku .goods-buy .buy-cart {
            position: relative;
        }

        .goods-sku .goods-buy .background-front {
            display: block;
            width: 0;
            height: 0;
            border-top: 8px solid transparent;
            border-right: 8px solid #FF5777;
            border-bottom: 8px solid transparent;
            float: left;
            margin-top: 17px;
        }

        .goods-sku .goods-buy .sale-time {
            border-radius: 4px;
            -ms-border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px;
            text-indent: 14px;
            display: block;
            height: 40px;
            background-color: #FF5777;
            margin-top: 5px;
            float: left;
            line-height: 40px;
            color: #ffffff;
            font-size: 14px;
            padding-right: 14px;
            font-weight: 300;
            margin-right: -2px;
            font-family: 'PingFang SC';
        }

        .goods-sku .goods-buy .sale-time.c {
            width: 150px;
        }

        .goods-sku .goods-buy .background-back {
            display: block;
            width: 11px;
            height: 40px;
            float: left;
            margin-top: 5px;
            background-image: url('https://s10.mogucdn.com/p1/160922/idid_ie4gczlehfrteojsmizdambqgiyde_11x40.png');
        }

        .goods-sku .goods-buy .buy-disable {
            background: #bbb;
            color: #fff;
            cursor: default;
        }

        .goods-sku .style,
        .goods-sku .size {
            display: none;
        }

        .goods-sku .style-list,
        .goods-sku .size-list {
            max-height: 110px;
            overflow-y: auto;
            padding: 1px;
        }

        .goods-sku .style-list li,
        .goods-sku .style-list li.img,
        .goods-sku .size-list li,
        .goods-sku .size-list li.img {
            cursor: pointer;
            float: left;
            padding: 0 10px;
            font-weight: 700;
            line-height: 28px;
            border: 1px solid #ddd;
            white-space: nowrap;
            word-wrap: normal;
            -webkit-transition-property: border-color;
            -moz-transition-property: border-color;
            -o-transition-property: border-color;
            transition-property: border-color;
            -webkit-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -o-transition-duration: .2s;
            transition-duration: .2s;
        }

        .goods-sku .size-list li.img,
        .goods-sku .style-list li.img {
            position: relative;
            margin: 0 15px 5px 0;
            padding: 0;
        }

        .goods-sku .size-list li.img img,
        .goods-sku .style-list li.img img {
            width: 45px;
            height: 45px;
        }

        .goods-sku .size-list li.img b,
        .goods-sku .style-list li.img b {
            display: none;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 11px;
            height: 11px;
            background: url(https://s10.mogucdn.com/pic/140804/eeee_ieygcmbsmuywcnzxmiytambqgiyde_11x11.png) right bottom no-repeat;
        }

        .goods-sku .style-list li,
        .goods-sku .size-list li {
            margin: 0 10px 5px 0;
        }

        .goods-sku .style-list li.img.c,
        .goods-sku .size-list li.img.c {
            padding: 0;
            background: url(https://s10.mogucdn.com/pic/140804/eeee_ieygcmbsmuywcnzxmiytambqgiyde_11x11.png) right bottom no-repeat;
            border: 2px solid #666;
            line-height: 28px;
            margin: -1px 14px 4px -1px;
        }

        .goods-sku .style-list li.img.c b,
        .goods-sku .size-list li.img.c b {
            display: block;
        }

        .goods-sku .style-list li.c,
        .goods-sku .size-list li.c {
            background: url(https://s10.mogucdn.com/pic/140804/eeee_ieygcmbsmuywcnzxmiytambqgiyde_11x11.png) right bottom no-repeat;
            border: 2px solid #666;
            line-height: 28px;
            margin: -1px 9px 4px -1px;
        }

        .goods-sku .style-list li.img:hover,
        .goods-sku .size-list li.img:hover {
            border: 2px solid #666;
            margin: -1px 14px 4px -1px;
        }

        .goods-sku .style-list li:hover,
        .goods-sku .size-list li:hover {
            border: 2px solid #666;
            margin: -1px 9px 4px -1px;
        }

        .goods-sku .style-list li.disable,
        .goods-sku .size-list li.disable {
            border: 1px dashed #ccc;
            color: #ccc;
        }

        .goods-sku .style-list li.disable:hover,
        .goods-sku .size-list li.disable:hover {
            margin: 0 10px 5px 0;
        }

        .goods-sku .style-list li.img.disable,
        .goods-sku .size-list li.img.disable {
            opacity: .3;
            filter: alpha(opacity=30);
        }

        .goods-sku .style-list li.img.disable:hover,
        .goods-sku .size-list li.img.disable:hover {
            border: 1px dashed #ccc;
            margin: 0 15px 5px 0;
        }

        .goods-sku .goods-num {
            position: relative;
            width: 95px;
            height: 25px;
            zoom: 1;
            border: 1px solid #ddd;
        }

        .goods-sku .goods-num .num-input {
            width: 44px;
            text-align: center;
            color: #000;
            font-size: 14px;
            border: 0;
            height: 25px;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            float: left;
            background: none;
        }

        .goods-sku .goods-num .num-reduce,
        .goods-sku .goods-num .num-add {
          
            width: 24px;
            height: 25px;
            display: inline-block;
            cursor: pointer;
        }
 .goods-sku .goods-num .num-reduce{
     position: absolute;
     top: 0;
     left: 0;
 }
 .goods-sku .goods-num .num-add{
 position: absolute;
     top: 0;
     right: 0;
 }
 .goods-sku .goods-num .num-input{
 position: absolute;
     top: 0;
     right: 25px;
 }
        .goods-sku .goods-stock {
            height: 25px;
            line-height: 25px;
            margin-left: 10px;
            color: #999;
        }

        .goods-sku .goods-stock-tip {
            background-image: url('https://s10.mogucdn.com/p2/170122/117603130_6a8jgjh899bh5jd6hcia3ehhj0113_221x704.png');
            background-position: -10px -175px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: extract(-10px, -175px, 3);
            height: extract(-10px, -175px, 4);
            height: 25px;
            line-height: 25px;
            margin-left: 20px;
            color: #ef2f23;
            padding-left: 22px;
            display: none;
        }

        .goods-sku .goods-stock-buy-tip {
            height: 25px;
            line-height: 25px;
            margin-left: 20px;
            color: #f36;
        }

        .goods-sku .goods-stock-limit {
            background-image: url('https://s10.mogucdn.com/p2/170122/117603130_6a8jgjh899bh5jd6hcia3ehhj0113_221x704.png');
            background-position: -10px -175px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: extract(-10px, -175px, 3);
            height: extract(-10px, -175px, 4);
            height: 25px;
            line-height: 25px;
            margin-left: 20px;
            color: #ef2f23;
            padding-left: 22px;
        }

        .goods-pannel {
            height: 270px;
            width: 485px;
            margin-bottom: 20px;
            margin-right: 15px;
            margin-left: -10px;
        }

        .goods-pannel .content {
            border: 1px solid #ef2f23;
            position: relative;
            z-index: 10;
            background-color: #fff;
            padding: 5px 10px 0px;
            margin: -5px 0 0 0px;
        }

        .goods-pannel .content .box {
            margin-top: 40px;
        }

        .goods-pannel .pannel-title {
            text-indent: 10px;
            background: #f6f6f6;
            display: block;
            height: 24px;
            position: absolute;
            top: 0;
            left: 0;
            _margin-left: -10px;
            _width: 480px;
            _zoom: 1;
            right: 0;
            line-height: 24px;
        }

        .goods-pannel .pannel-title .choose-goods-info {
            color: #ef2f23;
        }

        .goods-pannel .pannel-close {
            background-image: url('https://s10.mogucdn.com/p2/170122/117603130_6a8jgjh899bh5jd6hcia3ehhj0113_221x704.png');
            background-position: -10px -147px;
            background-repeat: no-repeat;
            overflow: hidden;
            display: block;
            width: 12px;
            height: 12px;
            _zoom: 1;
            position: absolute;
            z-index: 10;
            height: 18px;
            width: 18px;
            top: 5px;
            right: 0px;
            cursor: pointer;
            color: #666;
            font-size: 18px;
            font-family: sans-serif;
        }

        .goods-pannel .pannel-action {
            display: block;
            padding: 0 0 20px 60px;
        }

        .goods-pannel .pannel-tip {
            color: #ff4575;
            font-weight: 700;
        }

        .goods-pannel .pannel-ok {
            height: 40px;
            width: 120px;
            background: #ef2f23;
            color: #fff;
            font-size: 20px;
            line-height: 40px;
            text-align: center;
            display: none;
        }

        .goods-pannel .goods-buy {
            display: none;
        }

        .refresh-loading {
            display: none;
        }
    </style>
    <style type="text/css"></style>
    <style type="text/css"></style>
    <style type="text/css">
        .event-box .event-logo {
            width: 68px;
            height: 68px;
            display: block;
        }
    </style>
    <style type="text/css"></style>
    <style type="text/css">
        .goods-info-presale .presale-title {
            font-family: Microsoft YaHei, arial;
            color: #333;
            font-size: 26px;
            line-height: 26px;
            width: 100%;
            margin-bottom: 15px;
        }

        .goods-info-presale .presale-title em {
            display: inline-block;
            position: relative;
            color: #ef2f23;
            font-style: normal;
            padding-right: 24px;
        }

        .goods-info-presale .presale-title i {
            position: absolute;
            top: 3px;
            right: 12px;
            font-size: 0;
            width: 0;
            height: 22px;
            border-left: 1px solid #ef2f23;
        }

        .goods-info-presale .presale-expand-money {
            overflow: hidden;
            padding: 13px 10px 15px 10px;
            border-top: 1px solid #eee;
            color: #ef2f23;
        }

        .goods-info-presale .presale-rule {
            overflow: hidden;
            padding: 13px 10px 15px 10px;
            border-top: 1px solid #eee;
        }

        .goods-info-presale .presale-rule .data {
            display: none;
        }

        .goods-info-presale .presale-rule .text {
            float: right;
            line-height: 14px;
            font-size: 14px;
            text-decoration: underline;
        }

        .goods-info-presale .presale-rule .start,
        .goods-info-presale .presale-rule .end {
            /* float: left; */
            display: inline-block;
            line-height: 12px;
            margin-top: 2px;
        }

        .goods-info-presale .presale-rule .end {
            margin-left: 20px;
        }

        .goods-info-presale .goods-prowrap .property-box {
            height: 24px;
            padding-top: 18px;
            padding-bottom: 15px;
        }

        .goods-info-presale .goods-prowrap .property-box dt {
            position: static;
        }

        .goods-info-presale .goods-prowrap .property-box .property-type-deposit {
            height: auto;
            line-height: 12px;
            margin-top: 8px;
        }

        .goods-info-presale .goods-prowrap .property-box .property-type-total {
            height: auto;
            line-height: 12px;
            margin-top: 8px;
            margin-left: 20px;
        }

        .goods-info-presale .goods-prowrap .property-box .property-cont {
            line-height: 24px;
            font-size: 24px;
        }

        .goods-info-presale .goods-prowrap .property-box .property-cont-deposit {
            height: auto;
            padding-left: 23px;
            color: #ef2f23;
            text-decoration: none;
        }

        .goods-info-presale .goods-prowrap .property-box .property-cont-total {
            height: auto;
            padding-left: 15px;
            color: #333;
        }

        .goods-info-presale .goods-prowrap .property-box .property-extra {
            line-height: 12px;
            margin: 8px 12px 0 0;
            padding-left: 0;
        }
    </style>
    <style type="text/css"></style>
    <style type="text/css">
        .admin_panel_wrap {
            width: 1200px;
            margin: 0 auto;
        }

        .admin_panel {
            border: 1px solid #e0e0e0;
            background: #fff;
            padding: 20px;
            margin-top: 20px;
            font-size: 14px;
        }

        .admin_panel .item {
            float: left;
            margin-right: 20px;
        }

        .admin_panel .item .title {
            color: #ff7b76;
            font-size: 14px;
            font-weight: bold;
        }

        .admin_panel .op_btn {
            background: #34beff;
            color: #fff;
            display: inline-block;
            width: 48px;
            text-align: center;
            border-radius: 3px;
        }

        .media_screen_960 .admin_panel_wrap {
            width: 960px;
        }
    </style>
    <style type="text/css">
        #J_ModuleNavModal .mask {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99999;
            background: black;
            opacity: 0.4;
            width: 100%;
            height: 100%;
        }

        #J_ModuleNavModal .wrapper {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            z-index: 100000;
            height: 323px;
            width: 610px;
            padding: 80px 0;
            border-radius: 10px;
            background: white;
        }

        #J_ModuleNavModal .wrapper .m-icon-close {
            position: absolute;
            top: 21px;
            right: 21px;
            font-size: 19px;
            color: #999999;
            cursor: pointer;
        }

        #J_ModuleNavModal .wrapper .header {
            font-family: 'PingFangSC-Medium';
            font-size: 30px;
            line-height: 30px;
            text-align: center;
            margin-bottom: 12px;
            color: #333333;
        }

        #J_ModuleNavModal .wrapper .desc {
            font-family: 'PingFangSC-Regular';
            font-size: 16px;
            line-height: 26px;
            text-align: center;
            margin-bottom: 40px;
            color: #333333;
        }

        #J_ModuleNavModal .wrapper .qrcode-list {
            padding: 0 70px;
            text-align: center;
        }

        #J_ModuleNavModal .wrapper .item {
            display: inline-block;
            position: relative;
            vertical-align: middle;
            width: 216px;
            height: 216px;
        }

        #J_ModuleNavModal .wrapper .item .r {
            display: inline-block;
            position: absolute;
            width: 23px;
            height: 23px;
            border: 1px solid #d8d8d8;
        }

        #J_ModuleNavModal .wrapper .item .r1 {
            top: 0;
            left: 0;
            border-radius: 6px 0 0 0;
            border-right: none;
            border-bottom: none;
        }

        #J_ModuleNavModal .wrapper .item .r2 {
            top: 0;
            right: 0;
            border-radius: 0 6px 0 0;
            border-left: none;
            border-bottom: none;
        }

        #J_ModuleNavModal .wrapper .item .r3 {
            bottom: 0;
            right: 0;
            border-radius: 0 0 6px 0;
            border-left: none;
            border-top: none;
        }

        #J_ModuleNavModal .wrapper .item .r4 {
            bottom: 0;
            left: 0;
            border-radius: 0 0 0 6px;
            border-right: none;
            border-top: none;
        }

        #J_ModuleNavModal .wrapper .item .icon {
            position: absolute;
            top: 89px;
            left: 89px;
            width: 40px;
            height: 40px;
            z-index: 1;
        }

        #J_ModuleNavModal .wrapper .item .img {
            display: inline-block;
            position: absolute;
            top: 24px;
            left: 24px;
            width: 170px;
            height: 170px;
        }

        #J_ModuleNavModal .wrapper .item .text {
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 100%;
            text-align: center;
            font-size: 14px;
            color: #999999;
        }
    </style>
    <style type="text/css">
        #J_ModulePintuan {
            border: 1px solid #e5e5e5;
            margin-bottom: 20px;
            padding: 20px 20px 10px 20px;
        }

        #J_ModulePintuan .title-bar {
            font-size: 14px;
            color: #666666;
            padding-bottom: 19px;
            margin-bottom: 20px;
            border-bottom: 1px solid #e5e5e5;
        }

        #J_ModulePintuan .title-bar img {
            height: 15px;
            width: 62px;
            margin-right: 11px;
            vertical-align: -2px;
        }

        #J_ModulePintuan .title-bar .btn-rule {
            cursor: pointer;
            text-decoration: underline;
            color: #999999;
        }

        #J_ModulePintuan ul {
            font-size: 0;
        }

        #J_ModulePintuan li {
            width: 31.1%;
            margin-right: 1.7%;
            height: 40px;
            line-height: 40px;
            padding: 10px 0 10px 10px;
            background-color: #fff0f0;
            display: inline-block;
            margin-bottom: 10px;
            border-radius: 2px;
        }

        #J_ModulePintuan li:last-child {
            margin-right: 0;
        }

        #J_ModulePintuan li .avatar {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            margin-right: 10px;
        }

        #J_ModulePintuan li .name {
            font-size: 14px;
            color: #333333;
            display: inline-block;
            width: 68px;
            overflow: hidden;
            height: 40px;
            vertical-align: middle;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        #J_ModulePintuan li .info {
            display: inline-block;
            line-height: 20px;
            text-align: right;
            margin-right: 10px;
            font-size: 12px;
        }

        #J_ModulePintuan li .info .num {
            color: #ff5777;
        }

        #J_ModulePintuan li .info .time {
            color: #999999;
        }

        #J_ModulePintuan li .btn-pintuan {
            position: relative;
            top: -10px;
            display: inline-block;
            width: 80px;
            height: 60px;
            line-height: 60px;
            color: #ff5777;
            background-color: #fedcdc;
            text-align: center;
            font-size: 14px;
            border-radius: 0 2px 2px 0;
            cursor: default;
        }

        #J_ModulePintuan li .btn-pintuan:hover .qrcode-wrapper {
            display: inline-block;
        }

        #J_ModulePintuan li .btn-pintuan .qrcode-wrapper {
            display: none;
            width: 180px;
            height: 195px;
            line-height: normal;
            background: white;
            font-size: 10px;
            text-align: center;
            padding: 10px 5px;
            position: relative;
            z-index: 10000;
            top: -7px;
            left: -13px;
            border-radius: 5px;
            box-shadow: 0 0 5px #dddddd;
            color: #666666;
        }

        #J_ModulePintuan li .btn-pintuan .qrcode-wrapper .trangle {
            position: absolute;
            top: -6px;
            left: 48px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 6px solid white;
        }

        #J_ModulePintuan li .btn-pintuan .qrcode-wrapper .qrcode {
            width: 180px;
            height: 180px;
            margin-bottom: 2px;
        }

        #J_ModulePintuan .modal-pintuan-rule {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            height: 300px;
            width: 400px;
            padding: 16px 20px;
            z-index: 20001;
            background-color: white;
            border-radius: 6px;
            font-size: 14px;
        }

        #J_ModulePintuan .modal-pintuan-rule .head-title {
            margin-bottom: 17px;
            text-align: center;
            color: #333333;
        }

        #J_ModulePintuan .modal-pintuan-rule .content {
            height: 260px;
            overflow-y: auto;
        }

        #J_ModulePintuan .modal-pintuan-rule .content .title {
            color: #333333;
        }

        #J_ModulePintuan .modal-pintuan-rule .content .desc {
            color: #666666;
            margin-bottom: 10px;
        }

        #J_ModulePintuan .modal-pintuan-rule .m-icon-close {
            position: absolute;
            right: 11px;
            top: 11px;
            font-size: 12px;
            color: #999999;
            cursor: pointer;
        }

        #J_ModulePintuan .modal-mask {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-color: black;
            opacity: 0.4;
            z-index: 20000;
        }

        .media_screen_1200 #J_ModulePintuan li {
            width: 31.3%;
        }

        .media_screen_1200 #J_ModulePintuan li .name {
            width: 140px;
        }
    </style>
    <style type="text/css">
        #J_ModuleCustomProperty {
            margin-right: 10px;
            min-height: auto;
        }

        #J_ModuleCustomProperty .property-cont {
            font-size: 12px;
        }

        #J_ModuleCustomProperty .tag-img {
            height: 20px;
            margin-right: 3px;
            vertical-align: middle;
        }

        #J_ModuleCustomProperty .link {
            margin-left: 20px;
        }

        #J_ModuleCustomBanner {
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 1024;
            background: #eee;
            width: 100%;
        }

        #J_ModuleCustomBanner img {
            width: 100%;
        }

        #J_ModuleCustomBanner .m-icon-close {
            position: absolute;
            right: 40px;
            top: 10px;
            color: white;
            font-weight: bold;
            padding: 5px;
        }
    </style>
    <style type="text/css">
        .nohl {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-text-size-adjust: 100%
        }

        .shieldcaptain-warpper {
            max-width: 414px
        }

        .shieldcaptain-warpper .desc {
            overflow: hidden
        }

        .shieldcaptain-warpper .desc>span {
            color: #666;
            float: left;
            font-size: 12px
        }

        .shieldcaptain-warpper .desc>a {
            float: right;
            font-size: 12px;
            color: #999
        }

        .shieldcaptain-warpper .img-con {
            position: relative;
            text-align: center;
            margin-top: 8px
        }

        .shieldcaptain-warpper .img-con .success-con {
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(255, 255, 255, 0.8)
        }

        .shieldcaptain-warpper .img-con .success-con p {
            font-size: 12px;
            color: #333;
            display: block;
            position: absolute;
            text-align: center;
            top: 50%;
            line-height: 32px;
            margin-top: -16px;
            width: 100%
        }

        .shieldcaptain-warpper .img-con .loading-con {
            position: absolute;
            display: none;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.6)
        }

        .shieldcaptain-warpper .img-con .loading-con>svg {
            width: 74px;
            height: 74px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -38px;
            margin-top: -38px
        }

        .shieldcaptain-warpper .img-con .img-list {
            font-size: 0;
            width: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden
        }

        .shieldcaptain-warpper .img-con .img-list li {
            list-style: none;
            display: inline-block;
            vertical-align: middle;
            width: 24.25%;
            background-repeat: no-repeat;
            background-size: auto 100%;
            cursor: pointer;
            transition: all ease 0.2s;
            margin-right: 1%
        }

        .shieldcaptain-warpper .img-con .img-list li:after {
            content: '';
            display: block;
            width: 100%;
            padding-top: 100%
        }

        .shieldcaptain-warpper .img-con .img-list li:nth-child(1) {
            background-position: 0 0
        }

        .shieldcaptain-warpper .img-con .img-list li:nth-child(2) {
            background-position: 33.33% 0
        }

        .shieldcaptain-warpper .img-con .img-list li:nth-child(3) {
            background-position: 66.66% 0
        }

        .shieldcaptain-warpper .img-con .img-list li:nth-child(4) {
            background-position: 100% 0;
            margin-right: 0
        }
       #J_ModuleCart{
           display: none;
       }
       .biger{
           width: 400px;
           height: 600px;
           position: absolute;
           top: 0;
           left: 405px;
           border: 1px solid #555;
           overflow: hidden;
           z-index: 99999;
           display: none;
       }
       .mask {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 200px;
	height: 200px;
	background: url('../img/mask-bg.png') repeat;
	cursor: crosshair;
     z-index: 99999;
}
.biger img {
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	height: 300%;
}
    </style>
</head>

<body class="media_screen_1200">
    <div class="mgj_rightbar J_sidebar" data-ptp="_sidebar">
        <!--空的右侧边栏-->
        <div id="mgj_rightbar_top_blank" class="mgj_rightbar_960"></div>
        <!--方便定margin的空dediv-->
        <div id="mgj_rightbar_blank_div"></div>
        <div class="mgj-my-browserlog" id="qrcode" style="display: block;"> <a target="_blank" rel="nofollow"
                href="javascript:;"> <i class="qr-icon"></i> </a>
            <div id="detail-qrcode" style="display: none;"><img
                    src="https://s10.mogucdn.com/mlcdn/c45406/190521_2ec360a8f76giijel4e95g9h3i3ci_199x217.png"></div>
        </div>
        <!--用户头像-->
        <!--首页-->
        <div class="sidebar-item mgj-my-home"> <a id="homePart"
                href="http://127.0.0.1/code/program/client/html/index.html"
                rel="nofollow">
                <div class="s-txt">首页</div>
            </a></div>
        <!--优惠券-->
        <div class="sidebar-item mgj-my-coupon"> <a target="_blank" rel="nofollow"
                href="http://127.0.0.1/code/program/client/html/index.html">
                <div class="s-txt">优惠券</div>
                <div class="num"></div>
            </a></div>
        <!--钱包-->
        <div class="sidebar-item mgj-my-wallet"> <a target="_blank" rel="nofollow"
                href="http://127.0.0.1/code/program/client/html/index.html">
                <div class="s-txt">钱包</div>
            </a></div>
        <!--客户服务-->
        <div id="my-custom" class="mgj-sidebar-item sidebar-item mgj-my-custom"> <a target="_blank" rel="nofollow"
                href="http://127.0.0.1/code/program/client/html/index.html">
                <div class="s-txt">客户服务</div>
            </a>
            <div id="custom-wrap" class="ext-mode-wrap" style="display: none;">
                <ol class="ext-mode">
                    <li class="s2"><a class="ext-mode-link" target="_blank" rel="nofollow"
                            href="//cs.mogu.com/help/index.html">消费者服务</a></li>
                    <li class="s2"><a class="ext-mode-link" target="_blank" rel="nofollow"
                            href="//seller.mogu.com/service">商家服务</a></li>
                    <li class="s2"><a class="ext-mode-link" target="_blank" rel="nofollow"
                            href="//cs.mogu.com/rule/index.html">规则中心</a></li>
                </ol> <span class="toolbar-bubble"></span>
            </div>
        </div>
        <!--商家后台-->
        <div id="my-seller" class="mgj-sidebar-item sidebar-item mgj-my-seller"> <a target="_blank" rel="nofollow"
                href="http://127.0.0.1/code/program/client/html/index.html">
                <div class="s-txt">商家后台</div>
            </a>
            <div id="seller-wrap" class="ext-mode-wrap" style="display: none;">
                <ol class="ext-mode">
                    <li class="s2"><a class="ext-mode-link" target="_blank" rel="nofollow"
                            href="//xd.mogu.com/work/home">管理后台</a></li>
                    <li class="s2"><a class="ext-mode-link" target="_blank" rel="nofollow"
                            href="//bbs.mogu.com">商家社区</a></li>
                    <li class="s2"><a class="ext-mode-link" target="_blank" rel="nofollow"
                            href="//peixun.mogu.com">商家培训</a></li>
                    <li class="s2"><a class="ext-mode-link" target="_blank" rel="nofollow"
                            href="//cycle.mogu.com/pc/zhaoshang">市场入驻</a></li>
                </ol> <span class="toolbar-bubble"></span>
            </div>
        </div>
        <div class="sidebar-item mgj-my-wallet"> <a target="_blank" rel="nofollow"
                href="http://127.0.0.1/code/program/client/html/cart.html">
                <div class="s-txt">购物车</div>
                <p id="good_count"
                    style="background-color: red;color:black;font-weight: 900;font-size: 12px;border-radius: 50%;width: 18px;height: 18px;line-height: 18px;margin: 3px 0 0 3px;">
                    0</p>
            </a></div>
        <div class="sideBottom">
            <!--回到顶部-->
            <div class="sidebar-item mgj-back2top show"><a rel="nofollow" href="javascript:;"><i class="s-icon"></i></a>
            </div>
        </div>
    </div>

    <!-- 顶部 -->
    <div id="header" class="site-top-header J_siteheader header_mid shop-info-search-header" data-ptp="_head">
        <div class="header-nav">
            <div class="header-nav-wrap J_header_nav">
                <div class="header-nav-content"> <a class="header-nav-home item" rel="nofollow" target="_blank"
                        href="//www.mogu.com"><i></i>首页</a> <a class="header-nav-market item" rel="nofollow"
                        target="_blank" href="//market.mogu.com"><i></i>商城</a> <a target="_blank"
                        class="header-nav-order item" rel="nofollow" href="//order.mogu.com/order/list4buyer">我的订单</a>
                    <div class="header-about-us J-header-about-us item"> 关于我们<i class="icon-deltail"></i>
                        <div class="header-about-us-detail">
                            <div class="mgj_header_copyright">
                                <div class="mgj_header_helper clearfix">
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">新手帮助<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/help/faq.html?acm=3.mce.1_10_19kyo.32260.0.xf4TprKBizb3t.pos_1-m_223508-sd_119">常见问题</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/help/selfservice.html?acm=3.mce.1_10_19kyk.32260.0.xf4TprKBizb3u.pos_2-m_223506-sd_119">自助服务</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/help/contactus.html?acm=3.mce.1_10_19kym.32260.0.xf4TprKBizb3w.pos_3-m_223507-sd_119">联系客服</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/help/feedback.html?acm=3.mce.1_10_19kyi.32260.0.xf4TprKBizb3x.pos_4-m_223505-sd_119">意见反馈</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">权益保障<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item">
                                                    <div>全国包邮</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>7天无理由退货</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>退货运费补贴</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>限时发货</div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">支付方式<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item">
                                                    <div>微信支付</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>支付宝</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>白付美支付</div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">移动客户端下载<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item mgj_header_helper_item_app">
                                                    <div>蘑菇街</div><img class="mgj_header_helper_quoer_code"
                                                        src="https://s10.mogucdn.com/mlcdn/c45406/190221_3l1eje914h3h6ch88ce2l6eh0jl17_260x260.png">
                                                </li>
                                                <li class="mgj_header_helper_item mgj_header_helper_item_app">
                                                    <div>美丽说</div><img class="mgj_header_helper_quoer_code"
                                                        src="https://s10.mogucdn.com/mlcdn/c45406/190221_60dd5ic9e009acbjb005c8c2k8k89_260x260.png">
                                                </li>
                                                <li class="mgj_header_helper_item mgj_header_helper_item_app">
                                                    <div>uni引力</div><img class="mgj_header_helper_quoer_code"
                                                        src="https://s10.mogucdn.com/mlcdn/c45406/181029_1e2kfd9la7jg28063eleikgj3k033_158x144.png">
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">商家服务<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cycle.mogu.com/pc/joinmarket?acm=3.mce.1_10_1knso.132238.0.xf4TprKBizb3j.pos_1-m_481952-sd_119">商家入驻</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="http://peixun.mogu.com/home/web/index.html?acm=3.mce.1_10_1knsq.132238.0.xf4TprKBizb3k.pos_2-m_481953-sd_119">蘑菇街商学院</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="http://bbs.mogu.com/?acm=3.mce.1_10_1knss.132238.0.xf4TprKBizb3l.pos_3-m_481954-sd_119">商家社区</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/rule/index.html?acm=3.mce.1_10_1knsu.132238.0.xf4TprKBizb3m.pos_4-m_481955-sd_119">规则中心</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/rule/judgement.html?categoryId=1ng&amp;acm=3.mce.1_10_1krr6.132238.0.xf4TprKBizb3n.pos_5-m_484517-sd_119">规则众议院</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">关于我们<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="http://www.mogu-inc.com/home/home.html?acm=3.mce.1_10_1knsy.132239.0.xf4TprKBizb3z.pos_1-m_481957-sd_119">招聘信息</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://www.mogu.com/about?acm=3.mce.1_10_1knt0.132239.0.xf4TprKBizb3A.pos_2-m_481958-sd_119">联系我们</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://securityreport.mogu.com/index?acm=3.mce.1_10_1knt2.132239.0.xf4TprKBizb3B.pos_3-m_481959-sd_119">有害信息举报</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/rule/mogu.html?categoryId=1iq&amp;ruleId=1536&amp;acm=3.mce.1_10_1knt4.132239.0.xf4TprKBizb3C.pos_4-m_481960-sd_119">用户隐私保护</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="mgj_header_hostname"><span>©2019 Mogu.com 杭州卷瓜网络有限公司</span></div>
                                <div class="mgj_header_copyright_info">
                                    <p class="mgj_header_copyright_container"><span
                                            class="mgj_header_copyright_span">营业执照：</span><a rel="nofollow"
                                            target="_blank" class="mgj_header_a"
                                            href="https://s10.mogucdn.com/mlcdn/c45406/181119_0a3j5l86651d5ciklai091dd78d41_1239x1753.jpg?acm=3.mce.1_10_19kyq.32170.0.xf4TprKBizb3D.pos_0-m_223509-sd_119">913301065526808764</a><b
                                            class="mgj_header_b"> | </b><span
                                            class="mgj_header_copyright_span"></span><a rel="nofollow" target="_blank"
                                            class="mgj_header_a"
                                            href="https://s5.mogucdn.com/mlcdn/c45406/191106_618hj14k5i3b0959i0b8d6j0gifa4_1653x2338.jpg?acm=3.mce.1_10_1mzcw.32170.0.xf4TprKBizb3E.pos_1-m_536100-sd_119">营业性演出许可证</a><b
                                            class="mgj_header_b"> | </b><span
                                            class="mgj_header_copyright_span"></span><a rel="nofollow" target="_blank"
                                            class="mgj_header_a"
                                            href="https://s5.mogucdn.com/mlcdn/c45406/191209_1cg4g6i3l7aflgc4f4ih38251a76j_2480x3507.jpg?acm=3.mce.1_10_1naa0.32170.0.xf4TprKBizb3F.pos_2-m_543176-sd_119">网络文化经营许可证</a><b
                                            class="mgj_header_b"> | </b><span
                                            class="mgj_header_copyright_span">增值电信业务经营许可证：</span><a rel="nofollow"
                                            target="_blank" class="mgj_header_a"
                                            href="https://s10.mogucdn.com/mlcdn/c45406/171109_1ll0b37l83lj8e3i35h28a92g31i3_1239x1754.jpg?acm=3.mce.1_10_19kys.32170.0.xf4TprKBizb3G.pos_3-m_223510-sd_119">浙B2-20110349</a><b
                                            class="mgj_header_b"> | </b><span
                                            class="mgj_header_copyright_span"></span><a rel="nofollow" target="_blank"
                                            class="mgj_header_a"
                                            href="https://s16.mogucdn.com/p2/160831/upload_506h1d771b5k20j9148ldjj0kdaab_960x1344.jpg?acm=3.mce.1_10_19l02.32170.0.xf4TprKBizb3H.pos_4-m_223533-sd_119">安全责任书</a><b
                                            class="mgj_header_b"> | </b><span class="mgj_header_copyright_span"></span>
                                    </p>
                                    <div class="mgj_header_a">浙公网安备 33010602010221号</div><b class="mgj_header_b"> |
                                    </b><span class="mgj_header_copyright_span"></span><a rel="nofollow" target="_blank"
                                        class="mgj_header_a"
                                        href="https://s11.mogucdn.com/mlcdn/c45406/190531_3ggf3f5alhgkl3cgl1869ce3j72ih.pdf?acm=3.mce.1_10_1i4u6.32170.0.xf4TprKBizb3J.pos_6-m_423011-sd_119">互联网药品信息服务资格证书编号：（浙)-经营性-2018-0002</a><b
                                        class="mgj_header_b"> | </b><span class="mgj_header_copyright_span"></span><a
                                        rel="nofollow" target="_blank" class="mgj_header_a"
                                        href="http://zjamr.zj.gov.cn/HTML/gggs/201905/793d932f-600e-4ccc-95f9-1ddd47e82dba.html?acm=3.mce.1_10_1i94i.32170.0.xf4TprKBizb3K.pos_7-m_425789-sd_119">浙网食A33010003</a><b
                                        class="mgj_header_b"> | </b><span class="mgj_header_copyright_span"></span><a
                                        rel="nofollow" target="_blank" class="mgj_header_a"
                                        href="https://s11.mogucdn.com/mlcdn/c45406/190731_076d34acgb81k103eh6981e7gli43.pdf?acm=3.mce.1_10_1ihmo.32170.0.xf4TprKBizb3L.pos_8-m_431300-sd_119">出版物网络交易平台服务经营备案证</a><b
                                        class="mgj_header_b"> | </b><span class="mgj_header_copyright_span"></span><a
                                        rel="nofollow" target="_blank" class="mgj_header_a"
                                        href="https://s3.mogucdn.com/mlcdn/c45406/190627_3h4kj8i8g09edf49kgic1e3k487e3.pdf?acm=3.mce.1_10_1ineu.32170.0.xf4TprKBizb3M.pos_9-m_435047-sd_119">(浙)网械平台备字[2018]第00006号</a><b
                                        class="mgj_header_b"> | </b>
                                    <p></p>
                                </div>
                                <div class="company_info">联系电话：400-8158-666（在线时间：09：00-22：00）浙江省杭州市西湖区古墩路99号浙商财富中心1号楼
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrap clearfix">
            <div class="J-user-info-box">
                <div class="J-shop-user-info J-show-user-detail clearfix"><a href="https://shop.mogu.com/1172u2t8"
                        class="avatar" title="衣柜良品分店"> <img class="face fl"
                            src="https://s5.mogucdn.com/pic/141211/1agxqe_ieygmodbmiztmzrqmuytambqmmyde_120x120.jpg_100x100.jpg"></a>
                    <div class="name-score-wrap">
                        <div class="name-wrap fl"> <a href="https://shop.mogu.com/1172u2t8" class="name fl long"
                                title="衣柜良品分店">衣柜良品分店</a>
                            <p class="mark"> </p>
                        </div>
                        <div class="score-wrap">
                            <p class="star"> <i></i> <i></i> <i></i> </p>
                          
                        </div>
                    </div>
                </div>
                <div class="J-shop-user-info-detail">
                    <div class="info-box fl">
                        <ol class="li li3">
                            <li><span class="tag">商品数：</span>124</li>
                            <li><span class="tag">收藏数：</span>74</li>
                            <li><span class="tag">销售量：</span>10454</li>
                            <li><span class="tag">创建时间：</span>2017年07月11日</li>
                            <li><span class="tag">店铺保证金：</span>已缴纳</li>
                            <li class="company-info clearfix"> <span class="tag">公司名：</span><span
                                    class="c-name">李派（广州）服装有限责任公司</span> </li>
                            <!-- 工商执照：shopType 2 企业   shopType 1 个人 -->
                            <li> <span class="tag">工商执照：</span><a class="shop-company-licen"
                                    href="https://s17.mogucdn.com/mlcdn/c45406/190102_3k1ak7dd4431h98106j09kkjchglh_3016x4032.jpg_640x999.v1c1HW.81.jpg"
                                    target="_blank"><img
                                        src="https://s5.mogucdn.com/p1/151224/upload_ifrtezlgmzsgmolbguzdambqhayde_25x25.png"
                                        alt=""></a></li><!-- 店铺经营许可证 -->
                            <li class="tc mt10 mb3"><a class="go-detail" href="https://shop.mogu.com/1172u2t8/credit"
                                    target="_blank" rel="nofollow">查看详情</a></li>
                        </ol>
                    </div>
                    <ol class="li li1">
                        <li class="title">动态评分</li>
                        <li>商品综合评分： <span class="num"> 4.72 </span> </li>
                    </ol>
                    <ol class="li li2">
                        <li class="title">比同行平均</li>
                        <li> <span class="tag up"> 高 </span> 0.32% </li>
                    </ol>
                    <ol class="li li4" v-if="shopDetailInfo.dsr">
                        <li class="title">本店</li>
                        <li>平均发货时间： <span class="num"> 0.95 </span>天 </li>
                        <li>退货率： <span class="low"> 9.04 % </span> </li>
                        <li>有效投诉率： <span class="num"> 0.00 % </span> </li>
                    </ol>
                    <ol class="li li5">
                        <li class="title">行业</li>
                        <li> 1.02 天 </li>
                        <li> 8.40 ％ </li>
                        <li> 0.05 ％ </li>
                    </ol>
                </div>
                <div class="shop-header-action clearfix">
                    <a class="J-shop-follow shop-follow fl" rel="nofollow" href="javascript:;">收藏店铺</a>
                    <a href="javascript:;" class="chart fl clearfix" id="mogutalk_widget_box">
                        <div class="mogutalk_widget_btn kefu fl mogutalk_widget4" data-bid="1172u2t8#23"
                            data-style="widget4" data-from="shop-header"></div>
                    </a>
                    <a href="javascript:;" class="shop-header-action-icon"></a>
                </div>
            </div>
            <div class="search-nav-content clearfix">
                <!-- 搜索框 -->
                <div class="normal-search-content">
                    <div class="top-nav-search" id="top-nav-search">
                        <!--搜索框 -->
                        <input type="submit" class="searchInShop J-searchInShop" value="搜本店">
                        <div class="search_inner_box clearfix">

                            <form class="top-nav-form" id="top-nav-form" action="//list.mogu.com/search/goods"
                                method="get">
                                <input type="text" id="top_nav_text" class="ts_txt fl" placeholder="打底衫" name="q"
                                    value="" autocomplete="off">
                                <input type="submit" value="搜全站" class="ts_btn" id="top_nav_btn">
                                <input type="hidden" name="t" value="bao" id="select_type">
                                <input type="hidden" name="ptp" value="">
                            </form>
                            <div class="top-nav-tip" style="display: none;">
                                <ul class="word-box clearfix"> </ul>
                                <!--历史记录-->
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 导航信息 -->
                <div class="site-top-nav J_sitenav">
                    <div class="header-nav-list">
                        <!-- 消息 -->
                        <div class="header-message-center fl"><a rel="nofollow" href="javascript:;"
                                class="mogutalk_btn header-message-icon nav-list-item" data-from="shopwidget_message"
                                data-trace="global,shopwidget_message,click"></a>消息<span class="num m_num"></span></div>
                        <!-- 收藏 --><a class="header-fav-center fl" href="//pc.mogu.com/fav/shopfavs" target="_blank">
                            <p class="header-fav-icon nav-list-item"></p>收藏
                        </a><!-- 购物车 --><a class="header-cart-center fl" href="http://127.0.0.1/code/program/client/html/cart.html"
                            target="_blank">
                            <p class="header-cart-icon nav-list-item"></p>购物车
                        </a><!-- 下载APP -->
                        <div class="header-download-center J_show_app_code fl">
                            <p class="header-download-icon nav-list-item"></p>下载APP<div class="download-app-code"
                                style="display: none;"><img
                                    src="https://s10.mogucdn.com/mlcdn/c45406/190521_2ec360a8f76giijel4e95g9h3i3ci_199x217.png">
                            </div><img class="app-code-hot-dot" style="display: none;"
                                src="https://s10.mogucdn.com/mlcdn/c45406/190221_5i6j6d3khieh48123j13age0fh9eh_8x8.png">
                        </div>
                    <!-- 我的 -->
                    <div class="header-user-info fr" id="login_div"><a rel="nofollow" class="J_header-login header-login"
                            href="http://127.0.0.1/code/program/client/html/register.html"><img
                                src="https://s10.mogucdn.com/mlcdn/c45406/181016_143l3ehl4ebad6c2326gjk6d4h41g_48x48.png"
                                class="header-login-icon" alt="">登录</a></div>
                    
                    <div class="header-user-info fr" id="user_div" style="display: none;"><img
                            src="https://s5.mogucdn.com/b7/avatar/150617/1oudn4_iezdenjymmztcn3egezdambqmmyde_150x200.jpg_100x100.jpg"
                            class="header-user-avatar">
                        <div class="header-user-menu">
                            <div rel="nofollow" href="javascript:;" class="user-meta"> <span class="name" id="user_name">氨荃兔</span> <i
                                    class="icon-deltail"></i> </div>
                            <ol class="ext-mode" id="menu-personal">
                                <li class="s2"><a target="_blank" rel="nofollow" href="//order.mogu.com/order/list4buyer">我的订单</a></li>
                                <li class="s2"><a target="_blank" rel="nofollow" href="//www.mogu.com/settings/personal">个人设置</a></li>
                                <li class="s2 singout"><a rel="nofollow" href="javascript:;">退出</a></li>
                            </ol>
                        </div>
                    </div>
                    
                    </div>
                    <!-- 我的 -->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="J-shop-top-banner">
        <div class="top-banner-img"
            style="background-image: url(https://s10.mogucdn.com/mlcdn/c45406/180411_2ff0j9ed072h69l372h2l5f4jjb7e_3840x300.png); background-repeat: no-repeat; background-size: cover; background-position: center center">
        </div>
    </div>
    <div class="J-shop-top-nav">
        <div class="top-nav">
            <div class="nav-mask"></div>
            <ul>
                <li><a href="https://shop.mogu.com/1172u2t8">首页</a></li>
                <li class="J-top-nav-title"><a href="//shop.mogu.com/1172u2t8/index/total?ptp=31.mHXmT.0.0.EgywlAEI"
                        data-ptp-cache-id="31.mHXmT.0.0.EgywlAEI">全部商品<em class="arrow"></em></a>
                    <ol class="category-list" style="display: none;">
                        <li><a href="https://shop.mogu.com/1172u2t8/list/index?categoryId=20375398">T恤</a></li>
                        <li><a href="https://shop.mogu.com/1172u2t8/list/index?categoryId=20375399">牛仔裤</a></li>
                        <li><a href="https://shop.mogu.com/1172u2t8/list/index?categoryId=20375400">羽绒服</a></li>
                        <li><a href="https://shop.mogu.com/1172u2t8/list/index?categoryId=20375401">T恤100两件专区</a></li>
                    </ol>
                </li>
            </ul>
        </div>
    </div> <input type="hidden" id="shopId" value="1172u2t8"> <input type="hidden" id="shopSearchUrl"
        value="https://shop.mogu.com/1172u2t8/search/index/"> <!-- 管理员信息栏 -->
    <div class="admin_panel_wrap"></div>
    <div id="body_wrap">
        <div id="shopFave" class="shopfave clearfix"></div>
        <div class="shop-detail">
            <div class="detail-primary clearfix">
                <div class="primary-goods">
                    <div class="clearfix">
                        <div class="fl goods-info goods-info-normal" id="J_GoodsInfo">
                            <div class="info-box">
                                <!-- ## 预售商品标题 -->
                                <h1 class="goods-title">
                                    <span class="tag "></span>
                                    <span itemprop="name" class="title small" id="goods_name">牛仔裤男2019冬天加绒加厚休闲直筒裤青年冬季弹力宽松保暖裤</span>
                                    <span class="desc" style="display: block"></span>
                                </h1>
                                <!--## 促销活动、价格、优惠-->
                                <div class="goods-prowrap goods-main">

                                    <!--## 团购、大促 氛围背景图-->
                                    <div id="J_ModuleActivityBg"></div>

                                    <!--## 预售商品（此类商品与其他布局不一致）-->
                                    <div id="J_ModulePresalePrice"></div>



                                    <!--## 普通、快抢、团购、特卖、大促-->
                                    <div class="clearfix main-box">
                                        <div id="J_ModulePrice">
                                            <div class="clearfix main-box">


                                                <!--## 原价-->
                                                <dl class="clearfix property-box">
                                                    <dt class="property-type property-type-origin">价格：</dt>
                                                    <dd class="property-cont property-cont-origin">
                                                        <span id="J_OriginPrice" class="price">198.00</span>
                                                    </dd>
                                                </dl>


                                                <dl class="clearfix property-box J_NowPrice_Wrap">
                                                    <dt class="property-type property-type-now">促销价：</dt>
                                                    <dd class="property-cont property-cont-now fl">
                                                       <span id="J_NowPrice" class="price">89.00</span>

                                                    </dd>

                                                    <!--## 商品评价、销量样式-->
                                                    <dd class="property-extra fr">
                                                        <span class="mr10">评价：
                                                            <span class="num" id="nums">25</span>
                                                        </span>
                                                        <span>累计销量：
                                                            <span class="num J_SaleNum">128</span>
                                                        </span>
                                                    </dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <!--##手机专享价格-->


                                        <!--## 蘑豆折扣-->
                                        <dl id="J_ModuleModou" style="display:none" class="clearfix property-box"></dl>
                                        <!--## 店铺优惠-->
                                        <div id="J_ModulePromotions">
                                            <div class="clearfix promotions-box slide-up">
                                                <div class="clearfix title">店铺优惠：</div>
                                                <div class="clearfix content">
                                                    <div class="promotions-list">
                                                        <div class="promotions-needget">
                                                            <div class="promotions-card no-get"> <span
                                                                    class="promotions-card-text">满200元立减10元</span> <span
                                                                    class="promotions-card-get"
                                                                    data-campid="1hv62immc">领取</span> </div>
                                                            <div class="promotions-card no-get"> <span
                                                                    class="promotions-card-text">满300元立减20元</span> <span
                                                                    class="promotions-card-get"
                                                                    data-campid="1hv62immi">领取</span> </div>
                                                        </div>
                                                        <div class="promotions-normal">
                                                            <div class="promotions-card"> <span
                                                                    class="promotions-card-text">▪&nbsp;满2件立减10元</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="promotions-more">更多优惠<span
                                                            class="m-icon m-icon-arrow-down"></span></div>
                                                </div>
                                            </div>
                                            <div class="promotions-occupying"></div>
                                        </div>
                                        <!--## 自定义属性-->
                                        <dl id="J_ModuleCustomProperty" style="display:none"
                                            class="clearfix property-box"></dl>
                                    </div>


                                </div>
                                <!--## 客服-->
                                <div class="goods-prowrap goods-im">
                                    <dl class="clearfix">
                                        <dt>客服：</dt>
                                        <dd>
                                            <div class="mogutalk_widget_btn kefu mogutalk_default"
                                                data-bid="1172u2t8#23" data-style="default"
                                                data-from="goodsdetail_skumtalk"></div>
                                        </dd>
                                    </dl>
                                </div>
                                <!--## 购买-->
                                <div class="goods-prowrap goods-sku" id="J_GoodsSku">
                                    <!--### 商品信息-->
                                    <div class="content">
                                        <div class="pannel-title">
                                            <span class="choose-goods-info">选择商品信息</span>
                                            <b class="J_PannelClose pannel-close"></b>
                                        </div>
                                        <div class="box">
                                            <!--## 款式-->

                                            <dl class="style clearfix" style="display: block;">
                                                <dt>颜色：</dt>
                                                <dd>
                                                    <ol class="J_StyleList style-list clearfix">
                                                        <li class="img" data-id="1"
                                                            data-src="https://s11.mogucdn.com/mlcdn/c45406/190920_6b4fii77kb42dig6llc63d188e33c_800x800.jpg"
                                                            title="黑色"><img
                                                                src="https://s11.mogucdn.com/mlcdn/c45406/190920_6b4fii77kb42dig6llc63d188e33c_800x800.jpg_100x100.jpg"><b></b>
                                                        </li>
                                                        <li class="img" data-id="2"
                                                            data-src="https://s5.mogucdn.com/mlcdn/c45406/190920_05l5djf06gkhkbblb95f9hd27fge2_800x800.jpg"
                                                            title="蓝色"><img
                                                                src="https://s5.mogucdn.com/mlcdn/c45406/190920_05l5djf06gkhkbblb95f9hd27fge2_800x800.jpg_100x100.jpg"><b></b>
                                                        </li>
                                                    </ol>
                                                </dd>
                                            </dl>


                                            <!--### 尺寸-->

                                            <dl class="size clearfix" style="display: block;">
                                                <dt>尺码：</dt>
                                                <dd>
                                                    <ol class="J_SizeList size-list clearfix">
                                                        <li class="" data-id="100" title="28">28</li>
                                                        <li class="" data-id="101" title="29">29</li>
                                                        <li class="" data-id="102" title="30">30</li>
                                                        <li class="" data-id="103" title="31">31</li>
                                                        <li class="" data-id="104" title="32">32</li>
                                                        <li class="" data-id="105" title="33">33</li>
                                                        <li class="" data-id="106" title="34">34</li>
                                                        <li class="" data-id="107" title="35">35</li>
                                                        <li class="" data-id="108" title="36">36</li>
                                                        <li class="" data-id="109" title="38">38</li>
                                                        <li class="" data-id="110" title="40">40</li>
                                                    </ol>
                                                </dd>
                                            </dl>


                                            <!--### 数量-->
                                            <dl class="clearfix">
                                                <dt>数量：</dt>
                                            <dd class="num clearfix">
                                                <!--### 购买数量-->
                                                <div id="J_GoodsNum" class="goods-num fl" data-stock="27837">
                                                    <span class="num-reduce num-disable"></span>
                                                    <input autocomplete="off" class="num-input" type="text" value="1">
                                                    <span class="num-add "></span>
                                                </div>
                                                <!--### 库存总数-->
                                                <div class="J_GoodsStock goods-stock fl">库存27837件</div>
                                            
                                                <!--### 库存提醒-->
                                                <div class="J_GoodsStockTip goods-stock-tip fl">您所填写的商品数量超过库存！</div>
                                                <div class="J_EventDesc"></div>
                                            </dd>
                                            </dl>
                                        </div>
                                        <div class="pannel-action">
                                            <a href="javascript:;" class="J_PannelOK pannel-ok">确认</a>
                                        </div>
                                    </div>

                                    <!--### 下单、加购-->
                                    <div class="goods-buy clearfix">

                                        <!--## 立即购买-->
                                        <a href="javascript:;" id="J_BuyNow" class="fl mr10 buy-btn buy-now">立刻购买</a>
                                        <!--## 搭配购逻辑，如果有下面这行标签，才会显示搭配购信息-->
                                        <input type="hidden" value="nodapei" id="dapeiShow">

                                        <!--## 加入购物车-->
                                        <a href="javascript:;" id="J_BuyCart" class="fl mr10 buy-cart buy-btn">加入购物车</a>

                                        <img src="https://s10.mogucdn.com/mlcdn/c45406/171130_19haaka7jg7224f491f44c24c8bi5_32x32.gif"
                                            class="refresh-loading">
                                    </div>
                                </div>
                                <!--## 社会化-->
                                <div class="goods-social clearfix">
                                    <!-- 收藏（非快抢商品）-->

                                    <div class="fav item" goodsid="0" tradeitemid="1ml4neo" tid="0">
                                        <span class=" isfav m-icon m-icon-star"></span>
                                        <span class="fav-num">54</span>
                                    </div>


                                    <!--## 分享-->

                                    <div class="share item">
                                        <b></b>分享
                                        <div class="share-w clearfix">
                                            <!--## 第三方分享（QQ空间、人人、新浪、微信）-->
                                            <a target="_blank"
                                                href="//sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https%3A%2F%2Fwww.mogu.com%2Fcps%2Fopen%2Ftrack%3Fchannel%3D19%26uid%3D128yxgi%26target%3Dhttps%253A%252F%252Fpc.mogu.com%252Fdetail%252Fnormal.html%253FitemId%253D1ml4neo%2526fashionParams%253D%26fashionParams%3D&amp;title=官方质检上架，品质保障，默认送运费险，购物全面保障&amp;pics=https://s11.mogucdn.com/mlcdn/c45406/190920_5j8d32i34i31aif312ce1l39dk0hi_640x960.jpg_468x468.jpg"
                                                class="forqzone" title="关注QQ空间" rel="nofollow"></a>
                                            <a target="_blank"
                                                href="//service.weibo.com/share/share.php?url=https%3A%2F%2Fwww.mogu.com%2Fcps%2Fopen%2Ftrack%3Fchannel%3D19%26uid%3D128yxgi%26target%3Dhttps%253A%252F%252Fpc.mogu.com%252Fdetail%252Fnormal.html%253FitemId%253D1ml4neo%2526fashionParams%253D%26fashionParams%3D&amp;title=官方质检上架，品质保障，默认送运费险，购物全面保障&amp;pic=https://s11.mogucdn.com/mlcdn/c45406/190920_5j8d32i34i31aif312ce1l39dk0hi_640x960.jpg_468x468.jpg"
                                                class="forsina" title="关注sina" rel="nofollow"></a>
                                        </div>
                                    </div>


                                    <!--## 举报-->
                                    <div class="report">
                                        <a target="_blank" href="//cs.mogu.com/dispute/report/add.html?itemid=1ml4neo"
                                            class="goods_report fl" rel="nofollow">举报</a>
                                    </div>
                                </div>
                                <!--## 服务承诺、支付方式-->
                                <div class="goods-extra clearfix">
                                    <!--## 服务说明-->

                                    <div class="extra-services">
                                        <div class="fl clearfix label">服务说明：</div>
                                        <ul class="fl clearfix list">
                                            <li class="item"><a class="link"
                                                    href="https://www.mogu.com/rule/mogu?categoryId=326&amp;ruleId=893"
                                                    target="_blank" title="" rel="nofollow"><img
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/180417_25kbfg1c3hdbd120394ji4b11bk2k_36x36.png"
                                                        width="24" height="24">72小时发货</a></li>
                                            <li class="item"><a class="link"
                                                    href="https://www.mogu.com/rule/mogu?categoryId=326&amp;ruleId=892"
                                                    target="_blank" title="" rel="nofollow"><img
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/180417_25kbfg1c3hdbd120394ji4b11bk2k_36x36.png"
                                                        width="24" height="24">7天无理由退货</a></li>
                                            <li class="item"><span class="link"><img
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/180417_25kbfg1c3hdbd120394ji4b11bk2k_36x36.png"
                                                        width="24" height="24">延误必赔</span></li>
                                            <li class="item"><a class="link"
                                                    href="https://www.mogu.com/rule/mogu?categoryId=326&amp;ruleId=927"
                                                    target="_blank" title="" rel="nofollow"><img
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/180417_25kbfg1c3hdbd120394ji4b11bk2k_36x36.png"
                                                        width="24" height="24">退货补运费</a></li>
                                        </ul>
                                    </div>


                                    <!--## 支付方式-->
                                    <div class="extra-pay">
                                        <div class="fl clearfix label">支付方式：</div>
                                        <!--## 目前前端固定不展示买呗图标-->
                                        <div class="fl list list-nomaibei"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--## 头图-->
                        <div class="fl goods-topimg" id="J_GoodsImg" style="width: 800px;overflow: visible;">
                            <!-- 大图区域 -->
                            <div class="big-img" style="width: 800px;overflow: visible;">
                                <button class="middle" style="width: 400px;position: absolute;top: 0;left: 0;"><img id="J_BigImg"
                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_5j8d32i34i31aif312ce1l39dk0hi_640x960.jpg_468x468.jpg"
                                        data-main="https://s11.mogucdn.com/mlcdn/c45406/190920_5j8d32i34i31aif312ce1l39dk0hi_640x960.jpg"
                                        alt="牛仔裤男2019冬天加绒加厚休闲直筒裤青年冬季弹力宽松保暖裤" width="400" height="600"></button>
                            </div>
                            <!-- 小图区域 -->
                            <div id="J_SmallImgs" class="small-img">
                                <div class="box">
                                    <div class="list" style="width: 350px; height: 59px;">
                                        <ul class="clearfix carousel">
                                            <li><img
                                                    src="https://s11.mogucdn.com/mlcdn/c45406/190920_5j8d32i34i31aif312ce1l39dk0hi_640x960.jpg_100x100.jpg"><i></i>
                                            </li>
                                            <li><img
                                                    src="https://s5.mogucdn.com/mlcdn/c45406/190920_7k1fj6i7c9hh1k09688hb8edi6lg6_800x800.jpg_100x100.jpg"><i></i>
                                            </li>
                                            <li><img
                                                    src="https://s5.mogucdn.com/mlcdn/c45406/190920_1a3675eji8jcg71dea06he7j1gli0_800x800.jpg_100x100.jpg"><i></i>
                                            </li>
                                            <li><img
                                                    src="https://s11.mogucdn.com/mlcdn/c45406/190920_3gcli0a92kk2lg2lk5g5131i6f45j_800x800.jpg_100x100.jpg"><i></i>
                                            </li>
                                            <li><img
                                                    src="https://s11.mogucdn.com/mlcdn/c45406/190920_1gea4fkc7dlbifae4bj6cchb7id6k_800x800.jpg_100x100.jpg"><i></i>
                                            </li>
                                            <li><img
                                                    src="https://s5.mogucdn.com/mlcdn/c45406/190920_6737i0fij4k671927hld36b776jlg_800x800.jpg_100x100.jpg"><i></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a class="left-btn arrow-btn" href="javascript:;"></a>
                                <a class="right-btn arrow-btn" href="javascript:;" style="display: inline;"></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="primary-slide">
                    <div class="goods-recommend" id="J_ModuleLook" data-ptp="_rechot">
                        <!-- 热卖推荐 -->
                        <p class="title"><s></s><span>热卖推荐</span></p>
                        <div class="list">
                            <div class="box">
                                <ul>
                                    <li> <a href="//shop.mogu.com/detail/1ml6drs?acm=3.mce.1_4_1ml6drs.5124.0-32450.9ARKsrKBjaUK7.sd_119_115-mid_5124-pos_0-pm_014-lc_201"
                                            target="_blank"> <img
                                                src="https://s5.mogucdn.com/mlcdn/c45406/190921_3d83j8i0a05d49lj9f8512911i3c0_640x960.jpg_220x330.jpg"
                                                data-iids="1ml6drs" data-indexs="0"
                                                data-acms="3.mce.1_4_1ml6drs.5124.0-32450.9ARKsrKBjaUK7.sd_119_115-mid_5124-pos_0-pm_014-lc_201"
                                                class="loggered" width="120"> </a>
                                        <div> ￥88 </div>
                                    </li>
                                    <li> <a href="//shop.mogu.com/detail/1me51ys?acm=3.mce.1_4_1me51ys.5124.0-32450.9ARKsrKBjaUK7.sd_119_115-mid_5124-pos_1-pm_014-lc_201"
                                            target="_blank"> <img
                                                src="https://s5.mogucdn.com/mlcdn/c45406/190302_0h31d49dib61khcak63la13fc089f_640x960.jpg_220x330.jpg"
                                                data-iids="1me51ys" data-indexs="1"
                                                data-acms="3.mce.1_4_1me51ys.5124.0-32450.9ARKsrKBjaUK7.sd_119_115-mid_5124-pos_1-pm_014-lc_201"
                                                class="loggered" width="120"> </a>
                                        <div> ￥78 </div>
                                    </li>
                                    <li> <a href="//shop.mogu.com/detail/1m8eyv4?acm=3.mce.1_4_1m8eyv4.5124.0-32450.9ARKsrKBjaUK7.sd_119_115-mid_5124-pos_2-pm_014-lc_201"
                                            target="_blank"> <img
                                                src="https://s5.mogucdn.com/mlcdn/c45406/180910_060jef025a0icg0e896k065532cf6_640x960.jpg_220x330.jpg"
                                                data-iids="1m8eyv4" data-indexs="2"
                                                data-acms="3.mce.1_4_1m8eyv4.5124.0-32450.9ARKsrKBjaUK7.sd_119_115-mid_5124-pos_2-pm_014-lc_201"
                                                class="loggered" width="120"> </a>
                                        <div> ￥88 </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- 麦田banner -->
            <div id="J_ModuleCustomBanner" style="display:none"></div><!-- 蘑菇拼团 -->
            <!-- 详情页-内容部分 -->
            <div class="detail-content ">
                <!-- 顶部 -->
                <div class="col-top" style="display: block;">
                    <!-- 搭配购 -->
                    <div class="module-dapei" id="J_ModuleDapei">
                        <!-- 搭配购 -->
                        <div class="dapei-container" data-channel="channel_dapei">
                            <div class="dapei-tab">
                                <ul>
                                    <li class="dapei-tab-item active" data-index="0"
                                        data-mark="collocationSet_700019069295">套餐一</li>
                                </ul>
                            </div>
                            <div class="dapei-body">
                                <div class="dapei-item dapei-show" data-index="0"
                                    data-mark="collocationSet_700019069295">
                                    <ul class="dapei-body-items" data-page-now="1" data-page-all="1">
                                        <li iid="1ml4neo" class="dapei-body-items-item dapei-body-items-item-show"
                                            data-page="1" data-index="true"><a href="//shop.mogu.com/detail/1ml4neo"
                                                class="dapei-body-items-item-img-a"><img
                                                    src="https://s5.mogucdn.com/mlcdn/c45406/190920_05l5djf06gkhkbblb95f9hd27fge2_800x800.jpg_160x160.jpg"
                                                    alt="牛仔裤男2019冬天加绒加厚休闲直筒裤青年冬季弹力宽松保暖裤"
                                                    class="dapei-body-items-item-img"
                                                    data-src="https://s11.mogucdn.com/mlcdn/c45406/190920_5j8d32i34i31aif312ce1l39dk0hi_640x960.jpg_160x160.jpg"></a><span
                                                class="dapei-body-items-item-price"><span class="dapei-checkbox"><input
                                                        type="checkbox" checked="checked" disabled=""></span><span
                                                    class="dapei-item-price">￥89</span></span>
                                            <div class="dapei-sku-select" show-body="false" data-stockid="11baggti"
                                                data-price="19800" data-nowprice="8900" data-num="1">
                                                <span>29,蓝色,1件</span><i class="drop-down-before"></i><i
                                                    class="drop-down"></i></div><!-- SKU -->
                                            <div class="dapei-sku-body" data-iid="1ml4neo">
                                                <div class="content">
                                                    <div class="pannel-title"><span
                                                            class="pannel-title-text">选择商品信息</span><b
                                                            class="pannel-close">╳</b></div>
                                                    <div class="pannel-box">
                                                        <div class="sku-list">
                                                            <dl class="size clearfix">
                                                                <dt class="sku-text">尺码</dt>
                                                                <dd>
                                                                    <ul class="J_SizeList size-list clearfix">
                                                                        <li class="c" data-id="100" title="29" alt="29">
                                                                            29 </li>
                                                                        <li class="" data-id="101" title="28" alt="28">
                                                                            28 </li>
                                                                        <li class="" data-id="102" title="30" alt="30">
                                                                            30 </li>
                                                                        <li class="" data-id="103" title="31" alt="31">
                                                                            31 </li>
                                                                        <li class="" data-id="104" title="32" alt="32">
                                                                            32 </li>
                                                                        <li class="" data-id="105" title="33" alt="33">
                                                                            33 </li>
                                                                        <li class="" data-id="106" title="34" alt="34">
                                                                            34 </li>
                                                                        <li class="" data-id="107" title="35" alt="35">
                                                                            35 </li>
                                                                        <li class="" data-id="108" title="38" alt="38">
                                                                            38 </li>
                                                                        <li class="" data-id="109" title="36" alt="36">
                                                                            36 </li>
                                                                        <li class="" data-id="110" title="40" alt="40">
                                                                            40 </li>
                                                                    </ul>
                                                                </dd>
                                                            </dl>
                                                            <dl class="style clearfix">
                                                                <dt class="sku-text">款式</dt>
                                                                <dd>
                                                                    <ul class="J_StyleList style-list clearfix">
                                                                        <li class="img c" data-id="1" title="蓝色"
                                                                            alt="蓝色"><img
                                                                                src="https://s5.mogucdn.com/mlcdn/c45406/190920_05l5djf06gkhkbblb95f9hd27fge2_800x800.jpg_100x100.jpg"
                                                                                alt="蓝色"><b></b></li>
                                                                        <li class="img" data-id="2" title="黑色" alt="黑色">
                                                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/190920_6b4fii77kb42dig6llc63d188e33c_800x800.jpg_100x100.jpg"
                                                                                alt="黑色"><b></b></li>
                                                                    </ul>
                                                                </dd>
                                                            </dl>
                                                        </div>
                                                        <dl class="sku-num">
                                                            <dt class="title">数量:</dt>
                                                            <dd class="clearfix sku-num-body">
                                                                <div class="sku-counter fl" data-stock="97"> <span
                                                                        class="num-reduce fl num-disable"></span> <input
                                                                        class="num-input" type="text" value="1"
                                                                        disabled=""> <span
                                                                        class="num-add fl num-disable"></span>
                                                                    <!-- <span class="dapei-num">1</span> -->
                                                                </div>
                                                                <div class="sku-stock fl">库存<span
                                                                        class="stock">97</span>件</div>
                                                                <div class="J_GoodsStockTip goods-stock-tip fl"
                                                                    style="display: none;">您所填写的商品数量超过库存!</div>
                                                            </dd>
                                                        </dl>
                                                    </div>
                                                    <div class="pannel-action"><span class="confirm btn">确定</span></div>
                                                </div>
                                            </div><span class="dapei-plus">+</span>
                                        </li>
                                        <li iid="1mcnyh0" class="dapei-body-items-item dapei-body-items-item-show"
                                            data-page="1" data-index="false"><a href="//shop.mogu.com/detail/1mcnyh0"
                                                class="dapei-body-items-item-img-a"><img
                                                    src="https://s5.mogucdn.com/mlcdn/c45406/181217_17alg0e0ak2ak83kj4849jgfje91a_800x800.jpg_160x160.jpg"
                                                    alt="高领毛衣男修身韩版潮流帅气个性衣服冬季圆领针织打底衫" class="dapei-body-items-item-img"
                                                    data-src="https://s5.mogucdn.com/mlcdn/c45406/181217_7gh2i89hb1di8aea0237e748chh66_640x960.jpg_160x160.jpg"></a><span
                                                class="dapei-body-items-item-price"><span class="dapei-checkbox"><input
                                                        type="checkbox" checked="checked"></span><span
                                                    class="dapei-item-price">￥31</span></span>
                                            <div class="dapei-sku-select" show-body="false" data-stockid="118pnixm"
                                                data-price="19800" data-nowprice="3100" data-num="1">
                                                <span>M,棕色,1件</span><i class="drop-down-before"></i><i
                                                    class="drop-down"></i></div><!-- SKU -->
                                            <div class="dapei-sku-body" data-iid="1mcnyh0">
                                                <div class="content">
                                                    <div class="pannel-title"><span
                                                            class="pannel-title-text">选择商品信息</span><b
                                                            class="pannel-close">╳</b></div>
                                                    <div class="pannel-box">
                                                        <div class="sku-list">
                                                            <dl class="size clearfix">
                                                                <dt class="sku-text">尺码</dt>
                                                                <dd>
                                                                    <ul class="J_SizeList size-list clearfix">
                                                                        <li class="c" data-id="100" title="M" alt="M"> M
                                                                        </li>
                                                                        <li class="" data-id="101" title="L" alt="L"> L
                                                                        </li>
                                                                        <li class="" data-id="102" title="XL" alt="XL">
                                                                            XL </li>
                                                                        <li class="" data-id="103" title="2XL"
                                                                            alt="2XL"> 2XL </li>
                                                                        <li class="" data-id="104" title="3XL"
                                                                            alt="3XL"> 3XL </li>
                                                                    </ul>
                                                                </dd>
                                                            </dl>
                                                            <dl class="style clearfix">
                                                                <dt class="sku-text">款式</dt>
                                                                <dd>
                                                                    <ul class="J_StyleList style-list clearfix">
                                                                        <li class="img c" data-id="1" title="棕色"
                                                                            alt="棕色"><img
                                                                                src="https://s5.mogucdn.com/mlcdn/c45406/181217_17alg0e0ak2ak83kj4849jgfje91a_800x800.jpg_100x100.jpg"
                                                                                alt="棕色"><b></b></li>
                                                                        <li class="img" data-id="2" title="白色" alt="白色">
                                                                            <img src="https://s11.mogucdn.com/mlcdn/c45406/181217_5j5144hi39bbbg4laf9d1ejdeia5f_800x800.jpg_100x100.jpg"
                                                                                alt="白色"><b></b></li>
                                                                        <li class="img" data-id="3" title="黑色" alt="黑色">
                                                                            <img src="https://s5.mogucdn.com/mlcdn/c45406/181217_6ghac7abdi37i65g1f05cj5l2jlgi_800x800.jpg_100x100.jpg"
                                                                                alt="黑色"><b></b></li>
                                                                        <li class="img" data-id="4" title="灰色" alt="灰色">
                                                                            <img src="https://s5.mogucdn.com/mlcdn/c45406/181217_63ahag3kg1e3ji0iki2c97ic4a60l_800x800.jpg_100x100.jpg"
                                                                                alt="灰色"><b></b></li>
                                                                    </ul>
                                                                </dd>
                                                            </dl>
                                                        </div>
                                                        <dl class="sku-num">
                                                            <dt class="title">数量:</dt>
                                                            <dd class="clearfix sku-num-body">
                                                                <div class="sku-counter fl" data-stock="99"> <span
                                                                        class="num-reduce fl num-disable"></span> <input
                                                                        class="num-input" type="text" value="1"
                                                                        disabled=""> <span
                                                                        class="num-add fl num-disable"></span>
                                                                    <!-- <span class="dapei-num">1</span> -->
                                                                </div>
                                                                <div class="sku-stock fl">库存<span
                                                                        class="stock">99</span>件</div>
                                                                <div class="J_GoodsStockTip goods-stock-tip fl"
                                                                    style="display: none;">您所填写的商品数量超过库存!</div>
                                                            </dd>
                                                        </dl>
                                                    </div>
                                                    <div class="pannel-action"><span class="confirm btn">确定</span></div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <div class="dapei-buy">
                                        <div class="dapei-buy-price"><span
                                                class="dapei-buy-price-text">优惠搭配价格：</span><span
                                                class="dapei-buy-price-price">¥120</span></div>
                                        <div class="dapei-buy-save"><span class="dapei-buy-save-text">为您节省¥</span><span
                                                class="dapei-buy-save-price">276</span></div>
                                        <div class="dapei-buy-now"><span class="dapei-buy-now-btn">立即购买</span></div>
                                        <div class="dapei-buy-tips">请确保选择至少一件搭配商品！</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- 主体 -->
                <div class="col-main">
                    <!-- 模块标签页 -->
                    <div class="module-tabpanel" id="J_ModuleTabpanel">
                        <!-- 选项栏 -->
                        <div class="tabbar-box">
                            <ul class="tabbar-list clearfix">
                                <li data-panels="graphic,recommend" data-hasnav="true" class="tab-graphic selected"><a
                                        href="javascript:;">商品详情</a></li>
                                <li data-panels="rates" data-hasnav="false" class="tab-graphic"><a href="javascript:;">累计评价<em>25</em></a>
                                </li>
                                <li data-panels="recommend" data-hasnav="false" class="tab-graphic"><a href="javascript:;">本店同类商品</a></li>
                                <!-- 购物车模块 -->
                            <li class="module-cart" id="J_ModuleCart">
                                <div class="cart-info">
                                    <div class="ui-hd cart-hd ui-fixed">
                                        <div class="cart-name" href="javascript:;"><span><i></i>加入购物车</span></div>
                                    </div>
                                    <div class="cart-occupying ui-hide"></div>
                                </div>
                            </li>
                            </ul>
                        </div>
                    <div class="tabbar-bg ui-hide">
                        <div class="bg-right"></div>
                        <div class="bg-left"></div>
                    </div>
                        <div class="tabbar-occupying ui-hide"></div><!-- 选项页 -->
                        <div class="panel-box">
                            <!-- 图文详情 -->
                            <div class="module-panel module-graphic" id="J_ModuleGraphic">
                                <!-- 图文详情 -->
                                <!--     注：PHP模板走的是本地模板文件：views/modules/module-graphic.php-->
                                <div class="split-image">
                                    <!-- 商品描述 -->
                                    <div id="J_Graphic_desc">
                                        <div class="panel-title">
                                            <h1>商品描述</h1>
                                        </div> <!-- 描述 -->
                                        <div class="graphic-text">官方质检上架，品质保障，默认送运费险，购物全面保障</div>
                                    </div><!-- 产品参数 -->
                                    <div id="J_Graphic_产品参数">
                                        <div class="panel-title">
                                            <h1>产品参数</h1>
                                        </div> <!-- 产品参数 -->
                                        <div class="graphic-block">
                                            <!-- 描述 -->
                                            <!-- 表格 -->
                                            <table class="parameter-table" id="J_ParameterTable">
                                                <tbody>
                                                    <tr class="">
                                                        <td>图案: 纯色</td>
                                                        <td>厚薄: 加厚</td>
                                                        <td>颜色: 黑色,蓝色</td>
                                                    </tr>
                                                    <tr class="">
                                                        <td>弹性: 微弹</td>
                                                        <td>裤长: 长裤</td>
                                                        <td>腰型: 中腰</td>
                                                    </tr>
                                                    <tr class="">
                                                        <td>尺码: 33,34,35,36,38,28,29,40,30,31,32</td>
                                                        <td>细节: 水洗</td>
                                                        <td>材质: 牛仔布</td>
                                                    </tr>
                                                    <tr class="">
                                                        <td>裤型: 直筒裤</td>
                                                        <td>风格: 百搭,基本款</td>
                                                        <td>闭合方式: 纽扣+拉链</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div><!-- 模块级别 -->
                                    <div class="graphic-block">
                                        <!-- 图片列表 -->
                                        <div id="J_Graphic_穿着效果">
                                            <div class="panel-title">
                                                <h1>穿着效果</h1>
                                            </div> <!-- 描述 -->
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:140.13333333333333%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_3deabl46i236fb90fl2f09739dak5_750x1051.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_3deabl46i236fb90fl2f09739dak5_750x1051.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:146.66666666666666%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_32k9666756j0f0g5hllel00e89bal_750x1100.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_32k9666756j0f0g5hllel00e89bal_750x1100.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:138%;"> <img class="lazy"
                                                        style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_68bhcib4c6lh9e3lc7b6ff0ll4bci_750x1035.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_68bhcib4c6lh9e3lc7b6ff0ll4bci_750x1035.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:117.33333333333333%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_3d7ffcl0icg587fef89ka5jk0d060_750x880.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_3d7ffcl0icg587fef89ka5jk0d060_750x880.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:143.46666666666667%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_2b978219aaeecjgke9dh8k3g75clg_750x1076.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_2b978219aaeecjgke9dh8k3g75clg_750x1076.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:93.60000000000001%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_1a0c8h53lfckj3fc3ia6gajjdk004_750x702.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_1a0c8h53lfckj3fc3ia6gajjdk004_750x702.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:162.26666666666668%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_5ckh504a7jgkdh9d5c18gc0hehc3g_750x1217.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_5ckh504a7jgkdh9d5c18gc0hehc3g_750x1217.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:143.73333333333335%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_2374766l91fff38eli7499d7e320e_750x1078.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_2374766l91fff38eli7499d7e320e_750x1078.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:120.93333333333334%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_8dia7gh1ch9lk0l2gi2838f1251c0_750x907.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_8dia7gh1ch9lk0l2gi2838f1251c0_750x907.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:188.53333333333333%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_3k3djafa3e1da5d2fjdbejk8b4300_750x1414.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_3k3djafa3e1da5d2fjdbejk8b4300_750x1414.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:170.53333333333333%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_44j0e6e2beh4h8689e2ikicd236i1_750x1279.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_44j0e6e2beh4h8689e2ikicd236i1_750x1279.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:76%;"> <img class="lazy"
                                                        style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_74298kkbg08e8f8h021bc9544jgif_750x570.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_74298kkbg08e8f8h021bc9544jgif_750x570.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:141.2%;"> <img class="lazy"
                                                        style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_00adge7ajj12hkc3gfga35b2556gf_750x1059.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_00adge7ajj12hkc3gfga35b2556gf_750x1059.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:88.66666666666667%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_55g5e4ebj9kkbagfdbl5h2aaechk5_750x665.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_55g5e4ebj9kkbagfdbl5h2aaechk5_750x665.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:150.26666666666665%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_7f86hfi2ge2g35ba0dd7ibhf477l3_750x1127.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_7f86hfi2ge2g35ba0dd7ibhf477l3_750x1127.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:148.93333333333334%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_0k6d2f81d9ik30f5le8j45l1f94f3_750x1117.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_0k6d2f81d9ik30f5le8j45l1f94f3_750x1117.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:131.73333333333332%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_5agbe3b8d969j3f4j6afb17052ci3_750x988.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_5agbe3b8d969j3f4j6afb17052ci3_750x988.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:125.06666666666666%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_11d5haabic9l3h539153bh6e8f23e_750x938.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_11d5haabic9l3h539153bh6e8f23e_750x938.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:132.8%;"> <img class="lazy"
                                                        style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_8f6gbej4jg11f8537ljk36laj6k68_750x996.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_8f6gbej4jg11f8537ljk36laj6k68_750x996.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:147.2%;"> <img class="lazy"
                                                        style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_6k682jc0ekg35eccb57h6b7fkic8j_750x1104.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_6k682jc0ekg35eccb57h6b7fkic8j_750x1104.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:135.33333333333331%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_87aif7lkf4bj8l8e23edifbjjcgl2_750x1015.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_87aif7lkf4bj8l8e23edifbjjcgl2_750x1015.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:143.6%;"> <img class="lazy"
                                                        style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_6b0d13950h75081dhj6j6a2e09828_750x1077.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_6b0d13950h75081dhj6j6a2e09828_750x1077.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:113.33333333333333%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_48gb47biaa95g72i91l5d7kjlh4kc_750x850.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_48gb47biaa95g72i91l5d7kjlh4kc_750x850.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:145.06666666666666%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_4dfek1clk79bcc2dabe2586bb453i_750x1088.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_4dfek1clk79bcc2dabe2586bb453i_750x1088.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:140.13333333333333%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_759b3a5kh89j8l99c6154j1fi9980_750x1051.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_759b3a5kh89j8l99c6154j1fi9980_750x1051.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:117.86666666666667%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_091jic7lha5dk93jck590ljibgcbk_750x884.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_091jic7lha5dk93jck590ljibgcbk_750x884.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:120.39999999999999%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_06e1j1gg24j4ccfh03el8l1kccc2i_750x903.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_06e1j1gg24j4ccfh03el8l1kccc2i_750x903.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:114.93333333333334%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190920_1497afe0a8c5a7d2e0304ef3i4e6f_750x862.jpg_750x999.jpg"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190920_1497afe0a8c5a7d2e0304ef3i4e6f_750x862.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:173.2%;"> <img class="lazy"
                                                        style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_45ik642hg3iicl123l4l8b5kg8clk_750x1299.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_45ik642hg3iicl123l4l8b5kg8clk_750x1299.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:171.06666666666666%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_02gg2g20fa18d58c6g2cd3akh4j80_750x1283.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_02gg2g20fa18d58c6g2cd3akh4j80_750x1283.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:180.26666666666665%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190920_4d9i32i0d4hh94b01lecladkebi37_750x1352.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190920_4d9i32i0d4hh94b01lecladkebi37_750x1352.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                            <div class="graphic-pic">
                                                <div class="pic-box" style="padding-bottom:25.333333333333336%;"> <img
                                                        class="lazy" style="left: -350px; display: block;"
                                                        data-original="https://s5.mogucdn.com/p2/170317/77101615_6f3ak83kkl00329ged9249aa93ifb_1125x285.jpg_750x999.jpg"
                                                        src="https://s5.mogucdn.com/p2/170317/77101615_6f3ak83kkl00329ged9249aa93ifb_1125x285.jpg_750x999.jpg">
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- 尺码说明 -->
                                    <div id="J_Graphic_尺码说明">
                                        <div class="panel-title">
                                            <h1>尺码说明</h1>
                                        </div> <!-- 尺码说明 -->
                                        <div class="graphic-block">
                                            <!-- 描述 -->
                                            <!-- 表格 -->
                                            <table class="size-table">
                                                <thead>
                                                    <tr>
                                                        <td>尺码</td>
                                                        <td>腰围</td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>28</td>
                                                        <td>2.1尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>29</td>
                                                        <td>2.2尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>30</td>
                                                        <td>2.3尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>31</td>
                                                        <td>2.4尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>32</td>
                                                        <td>2.5尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>33</td>
                                                        <td>2.6尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>34</td>
                                                        <td>2.7尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>35</td>
                                                        <td>2.75尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>36</td>
                                                        <td>2.8尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>38</td>
                                                        <td>2.9尺</td>
                                                    </tr>
                                                    <tr>
                                                        <td>40</td>
                                                        <td>3.1尺</td>
                                                    </tr>
                                                </tbody>
                                            </table> <!-- 提醒 -->
                                            <div class="size-text">※ 以上尺寸为实物人工测量，因测量方式不同会有1-2cm误差，相关数据仅作参考，以收到实物为准。
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div><!-- 累计评价 -->
                            <div class="module-panel module-rates ui-none" id="J_ModuleRates">
                                <!-- 买家评价 -->
                                <div id="J_RatesBuyer">
                                    <div class="panel-title rates-title">
                                        <h1>买家评价</h1> <span class="rate-default-desc">共有25位用户给出了好评！</span>
                                    </div> <!-- 买家评价 -->
                                    <div class="rates-buyer">
                                        <!-- 评价分数 -->
                                        <div class="comment-info">
                                            <ul class="clearfix">
                                                <!-- ## 总平均分 -->
                                                <li class="score"> <span class="comment-star"><b
                                                            style="width: 77px;"></b></span> <span class="numbox"> <b
                                                            class="num-v">4.88</b><span class="num-s">分</span> </span>
                                                </li> <!-- ## 描述、价格、商品 -->
                                                <!--  <li class=""> <div class="title">描述相符</div> <div class="cont"> <span class="comment-star"><b style="width: 77px;"></b></span> <span class="num-v">4.88</span> </div> </li>  <li class=""> <div class="title">商品质量</div> <div class="cont"> <span class="comment-star"><b style="width: 77px;"></b></span> <span class="num-v">4.88</span> </div> </li>  -->
                                            </ul>
                                        </div> <!-- ## 评价内容 -->
                                        <div class="comment-content">
                                            <!-- 导航 -->
                                            <div class="nav clearfix">
                                                <!-- div class="comment-sort"> <input type="radio" class="J_CommentSort" data-type="1" id="J_CommentSortDefault" name="commentSort" checked /><label for="J_CommentSortDefault"> 默认排序</label> <input type="radio" class="J_CommentSort ml15" data-type="0" id="J_CommentSortTime" name="commentSort" /><label for="J_CommentSortTime"> 时间排序</label> </div> -->
                                                <a href="javascript:;" data-type="all" class="c">全部评价（25）</a> <a
                                                    href="javascript:;" data-type="img" class="">晒图（1）</a> </div>
                                            <!-- 列表 -->
                                            <div id="J_RatesBuyerList" class="comments">
                                                <!--详情页交易评价列表-->
                                                <div class="item clearfix" data-id="119nufai">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">琼57ib4x</span> <span
                                                                    class="date">2019年12月03日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m">没有色差，码数准，值得推荐</div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:黑色 尺码:35 </span> </p>
                                                                <p> </p>
                                                            
                                                            </div> <!-- 晒图 S -->
                                                            <div class="info-k show-img">
                                                                <ul class="list clearfix">
                                                                    <li>
                                                                        <div class="img-box"> <span> <img
                                                                                    src="https://s11.mogucdn.com/mlcdn/c45406/191203_84674if056a4g60j3ihckfcl1dkk4_810x1080.jpg_100x100.jpg"
                                                                                    width="40"> </span> </div>
                                                                    </li>
                                                                </ul>
                                                                <div class="big-img">
                                                                    <div class="img-box"> <span> <img src="about:blank"
                                                                                height="400"> </span> </div>
                                                                </div>
                                                            </div> <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s11.mogucdn.com/mlcdn/5abf39/191119_0ld6bd5idadhbdj3k33el0elbj8aa_132x132.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119qbrsu">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">蕙质兰心啊</span> <span
                                                                    class="date">2019年12月12日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m">完美，版型好的没话说，老公喜欢。</div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:蓝色 尺码:30 </span> </p>
                                                                <p> </p>
                                                          
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s11.mogucdn.com/mlcdn/5abf39/190315_4ck7f2i85li0c3gb9f6597k1fj61e_400x400.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119ag340">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">遗忘过去不在</span> <span
                                                                    class="date">2019年10月26日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m">宝贝挺好的</div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:黑色 尺码:31 </span> </p>
                                                                <p> </p>
                                                           
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                            <!-- 商家回复 -->
                                                            <div class="info-z seller-explain clearfix"> <span
                                                                    class="fl">商家回复：</span>
                                                                <div class="content">简单的日子就像一杯芳香的 我们会以百分百的质量 百分百的态度
                                                                    让亲亲感受百分百的购物体验 您的信赖是小店不断奋进的不竭动力 小店会不断改善产品与服务 争取做到最好
                                                                    以回报您的厚爱！期待您的再次光临，愿亲幸福快乐每一天哦！</div> <span
                                                                    class="date fr">2019年10月31日</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s11.mogucdn.com/mlcdn/5abf39/180906_2eg86bgl351lag4301ce8d0abhib4_132x132.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119ig87y">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">偏执满身201311</span> <span
                                                                    class="date">2019年11月18日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m">已经买了两件了</div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:黑色 尺码:35 </span> </p>
                                                                <p> </p>
                                                         
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                            <!-- 商家回复 -->
                                                            <div class="info-z seller-explain clearfix"> <span
                                                                    class="fl">商家回复：</span>
                                                                <div class="content">
                                                                    岁月会带走美丽，时光会带去风雨，但是纵使一切都会改变，也带不走我对你的感激，往后有任何需要希望您能第一时间想到我们，我们将竭尽全力为你解惑，努力打造满意百分百店！真诚期待您的再次光临！
                                                                </div> <span class="date fr">2019年11月19日</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s11.mogucdn.com/mlcdn/5abf39/170911_7b6323h9kj20ldadeaaekc0a46lbd_640x640.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119qn6g6">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">wx_ktjck65lo8b0t</span> <span
                                                                    class="date">2019年12月13日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m"></div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:黑色 尺码:34 </span> </p>
                                                                <p> </p>
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-ios shop-detail-icons comment-mt">来自iOS客户端</a> -->
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-android shop-detail-icons comment-mt">来自Android客户端</a> -->
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                            <div class="info-l"></div> <!-- 追加评价 -->
                                                            <div class="info-z clearfix"> <span class="fl">追加评价：</span>
                                                                <div class="content">
                                                                    裤子还可以，不过快递太慢了，三个星期都没收到货，商家还让我办退款，重新订，那有这样的，总有一个说法吧！
                                                                </div> <span class="date fr">确认收货后7分钟追加</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s5.mogucdn.com/mlcdn/5abf39/190924_38da7ijh94g163b48i4k80ifeh306_400x400.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119nx2r2">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">有缘人w95qkw</span> <span
                                                                    class="date">2019年12月03日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m"></div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:黑色 尺码:32 </span> </p>
                                                                <p> <span class="height-weight">身高: 165 cm</span> <span
                                                                        class="height-weight">体重: 52 kg</span> <span
                                                                        class="height-weight">是否合身: 合身 </span> </p>
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-ios shop-detail-icons comment-mt">来自iOS客户端</a> -->
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-android shop-detail-icons comment-mt">来自Android客户端</a> -->
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s5.mogucdn.com/mlcdn/5abf39/191126_41ij3lg6kb32jhhfee227g1l688d7_132x132.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119k42og">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">w***r</span> <span
                                                                    class="date">2019年11月22日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m"></div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:黑色 尺码:30 </span> </p>
                                                                <p> <span class="height-weight">身高: 169 cm</span> <span
                                                                        class="height-weight">体重: 51 kg</span> <span
                                                                        class="height-weight">是否合身: 偏大 </span> </p>
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-ios shop-detail-icons comment-mt">来自iOS客户端</a> -->
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-android shop-detail-icons comment-mt">来自Android客户端</a> -->
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s5.mogucdn.com/mlcdn/5abf39/170720_286h1349jbi2iib89e09ed95i60dh_640x640.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119izhdg">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">腊梅花ex1euz</span> <span
                                                                    class="date">2019年11月19日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m"></div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:黑色 尺码:36 </span> </p>
                                                                <p> </p>
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-ios shop-detail-icons comment-mt">来自iOS客户端</a> -->
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-android shop-detail-icons comment-mt">来自Android客户端</a> -->
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                            <!-- 商家回复 -->
                                                            <div class="info-z seller-explain clearfix"> <span
                                                                    class="fl">商家回复：</span>
                                                                <div class="content">
                                                                    岁月会带走美丽，时光会带去风雨，但是纵使一切都会改变，也带不走我对你的感激，往后有任何需要希望您能第一时间想到我们，我们将竭尽全力为你解惑，努力打造满意百分百店！真诚期待您的再次光临！
                                                                </div> <span class="date fr">2019年11月20日</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s11.mogucdn.com/mlcdn/5abf39/190714_2f8idc22fal7a30ajg72g2lj7bjkg_132x132.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119g620e">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">上善若水a4ciru</span> <span
                                                                    class="date">2019年11月13日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m"></div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:黑色 尺码:29 </span> </p>
                                                                <p> </p>
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-ios shop-detail-icons comment-mt">来自iOS客户端</a> -->
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-android shop-detail-icons comment-mt">来自Android客户端</a> -->
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                            <!-- 商家回复 -->
                                                            <div class="info-z seller-explain clearfix"> <span
                                                                    class="fl">商家回复：</span>
                                                                <div class="content">
                                                                    每一片花瓣，都带有我真挚的祝福，款款关怀，绵绵祝福，声声问候，拜托清风传送，愿鲜花与绿叶结伴，点缀你绚丽的人生，愿我们的产品与服务，让您的生活更美好！期待您的下次光临哈。
                                                                </div> <span class="date fr">2019年11月15日</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s5.mogucdn.com/mlcdn/5abf39/191107_51hkh997fi0ja4bj60k97chk91ag3_132x132.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119fl2ny">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">雨廷2015</span> <span
                                                                    class="date">2019年11月12日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m"></div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:黑色 尺码:28 </span> </p>
                                                                <p> </p>
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-ios shop-detail-icons comment-mt">来自iOS客户端</a> -->
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-android shop-detail-icons comment-mt">来自Android客户端</a> -->
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s5.mogucdn.com/mlcdn/5abf39/191107_6948i7k79l24cea216gleha48ifaj_132x132.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119f61t2">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">杜小燕2013</span> <span
                                                                    class="date">2019年11月11日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m"></div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:蓝色 尺码:34 </span> </p>
                                                                <p> </p>
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-ios shop-detail-icons comment-mt">来自iOS客户端</a> -->
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-android shop-detail-icons comment-mt">来自Android客户端</a> -->
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s11.mogucdn.com/mlcdn/5abf39/170823_5bfh0d1ficgfa8c0iakfdjai71hei_640x640.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="item clearfix" data-id="119dmt1a">
                                                    <div class="info">
                                                        <div class="info-w">
                                                            <!-- 评价用户、时间 -->
                                                            <div class="info-t clearfix"> <span
                                                                    class="name">贾西贝199304</span> <span
                                                                    class="date">2019年11月06日</span> </div> <!-- 评价内容 -->
                                                            <div class="info-m"></div> <!-- 商品属性 -->
                                                            <div class="info-b clearfix">
                                                                <p> <span class="sku-choose">颜色:蓝色 尺码:35 </span> </p>
                                                                <p> </p>
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-ios shop-detail-icons comment-mt">来自iOS客户端</a> -->
                                                                <!-- <a href="//www.mogu.com/apps" target="_blank" class="from-android shop-detail-icons comment-mt">来自Android客户端</a> -->
                                                            </div> <!-- 晒图 S -->
                                                            <!-- 晒图 E -->
                                                            <!-- 商家回复输入 -->
                                                            <!-- 商家回复 -->
                                                            <div class="info-z seller-explain clearfix"> <span
                                                                    class="fl">商家回复：</span>
                                                                <div class="content">
                                                                    生活中，处处充满感动，分享不在乎多少，哪怕是和别人分享一块面包，那也是莫大的快乐，我们愿与您分享最好的品质，最多的舒适，如果您愿意请与您的朋友一起分享哦！祝您愉快！！
                                                                </div> <span class="date fr">2019年11月08日</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="face"> <img
                                                            src="https://s5.mogucdn.com/mlcdn/5abf39/190909_7e362ig0li4c6lcbclg7aeie1f0id_132x132.jpg_64x64.jpg">
                                                    </div>
                                                </div>
                                                <div class="pagination"><a class="c">1</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- 成交记录 -->
                                <div id="J_RatesOrder">
                                    <div class="panel-title rates-title">
                                        <h1>成交记录</h1>
                                    </div> <!-- 成交记录 -->
                                    <div class="rates-order">
                                        <!-- 列表 -->
                                        <div class="sale-list" id="J_RatesOrderList"></div>
                                    </div>
                                </div>
                            </div><!-- 本店同类商品 -->
                            <div class="module-panel module-recommend" id="J_ModuleRecommend">
                                <!-- 本店同类商品 -->
                                <!--     注：PHP模板走的是本地模板文件：views/modules/module-recommend.php-->
                                <!-- 本店同类商品列表 -->
                                <div id="J_RecommendList">
                                    <div class="panel-title recommend-title">
                                        <h1>本店同类商品</h1>
                                    </div> <!-- 本店同类商品列表 -->
                                    <div class="recommend-list">
                                        <!-- 列表 -->
                                        <ul>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1me51ys?acm=3.mce.1_4_1me51ys.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_0-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190302_0h31d49dib61khcak63la13fc089f_640x960.jpg_220x330.jpg"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190302_0h31d49dib61khcak63la13fc089f_640x960.jpg_220x330.jpg"
                                                        data-iids="1me51ys" data-indexs="0"
                                                        data-acms="3.mce.1_4_1me51ys.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_0-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1me51ys?acm=3.mce.1_4_1me51ys.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_0-pm_014-lc_201"
                                                    target="_blank">弹力牛仔裤男士修身韩版潮流宽松青年大码秋冬加绒直筒休闲裤子男</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">78</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">6</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1mn92j2?acm=3.mce.1_4_1mn92j2.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_1-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/191103_4eg0jljb5b6dfd9biaegl2003d5li_640x960.jpg_220x330.jpg"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/191103_4eg0jljb5b6dfd9biaegl2003d5li_640x960.jpg_220x330.jpg"
                                                        data-iids="1mn92j2" data-indexs="1"
                                                        data-acms="3.mce.1_4_1mn92j2.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_1-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1mn92j2?acm=3.mce.1_4_1mn92j2.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_1-pm_014-lc_201"
                                                    target="_blank">衣柜良品 羽绒服男2019新款韩版潮加厚冬季短款学生连帽外套</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">188</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">338</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1mmptqa?acm=3.mce.1_4_1mmptqa.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_2-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/191025_26g9bdc139565jijaf4e66a2ji2ai_800x1200.jpg_220x330.jpg"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/191025_26g9bdc139565jijaf4e66a2ji2ai_800x1200.jpg_220x330.jpg"
                                                        data-iids="1mmptqa" data-indexs="2"
                                                        data-acms="3.mce.1_4_1mmptqa.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_2-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1mmptqa?acm=3.mce.1_4_1mmptqa.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_2-pm_014-lc_201"
                                                    target="_blank">冬季新款男士高领毛衣韩版修身针织衫潮流个性加厚打底衫线衣</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">69</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">35</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1mn82q0?acm=3.mce.1_4_1mn82q0.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_3-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/191103_457l59f52kgf28e29d675af7idejf_640x960.jpg_220x330.jpg"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/191103_457l59f52kgf28e29d675af7idejf_640x960.jpg_220x330.jpg"
                                                        data-iids="1mn82q0" data-indexs="3"
                                                        data-acms="3.mce.1_4_1mn82q0.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_3-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1mn82q0?acm=3.mce.1_4_1mn82q0.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_3-pm_014-lc_201"
                                                    target="_blank">衣柜良品 羽绒服男冬季新款宽松连帽男工装百搭夹克白鸭绒外套男</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">188</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">113</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1lu05ig?acm=3.mce.1_4_1lu05ig.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_4-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/180927_678aeiba37642h8hg3c3jhgj8j8fi_640x960.jpg_220x330.jpg"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/180927_678aeiba37642h8hg3c3jhgj8j8fi_640x960.jpg_220x330.jpg"
                                                        data-iids="1lu05ig" data-indexs="4"
                                                        data-acms="3.mce.1_4_1lu05ig.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_4-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1lu05ig?acm=3.mce.1_4_1lu05ig.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_4-pm_014-lc_201"
                                                    target="_blank">春秋季男士牛仔裤新款弹力直筒休闲裤青年商务百搭大码宽松长裤</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">89</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">98</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1m8eyv4?acm=3.mce.1_4_1m8eyv4.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_5-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/180910_060jef025a0icg0e896k065532cf6_640x960.jpg_220x330.jpg"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/180910_060jef025a0icg0e896k065532cf6_640x960.jpg_220x330.jpg"
                                                        data-iids="1m8eyv4" data-indexs="5"
                                                        data-acms="3.mce.1_4_1m8eyv4.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_5-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1m8eyv4?acm=3.mce.1_4_1m8eyv4.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_5-pm_014-lc_201"
                                                    target="_blank">冬天加绒牛仔裤男弹力加厚直筒宽松休闲中青年保暖裤男士裤子2018新款冬季男百搭长裤</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">88</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">193</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1m9khhw?acm=3.mce.1_4_1m9khhw.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_6-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190526_067a2jkh97e191689ljc9gfl09i8l_640x960.jpg_220x330.jpg"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190526_067a2jkh97e191689ljc9gfl09i8l_640x960.jpg_220x330.jpg"
                                                        data-iids="1m9khhw" data-indexs="6"
                                                        data-acms="3.mce.1_4_1m9khhw.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_6-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1m9khhw?acm=3.mce.1_4_1m9khhw.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_6-pm_014-lc_201"
                                                    target="_blank">春秋季牛仔裤男直筒宽松男裤秋天韩版修身青年弹力休闲大码裤子男</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">79</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">384</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1lolgqe?acm=3.mce.1_4_1lolgqe.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_7-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/171227_88l0f1b8h1bch3ij82e56292a70ac_640x960.jpg_220x330.jpg"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/171227_88l0f1b8h1bch3ij82e56292a70ac_640x960.jpg_220x330.jpg"
                                                        data-iids="1lolgqe" data-indexs="7"
                                                        data-acms="3.mce.1_4_1lolgqe.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_7-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1lolgqe?acm=3.mce.1_4_1lolgqe.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_7-pm_014-lc_201"
                                                    target="_blank">休闲裤男春秋季韩版修身款松紧腰系带小脚裤男士弹力学生运动长裤</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">59.5</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">1535</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1ml6drs?acm=3.mce.1_4_1ml6drs.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_8-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/190921_3d83j8i0a05d49lj9f8512911i3c0_640x960.jpg_220x330.jpg"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/190921_3d83j8i0a05d49lj9f8512911i3c0_640x960.jpg_220x330.jpg"
                                                        data-iids="1ml6drs" data-indexs="8"
                                                        data-acms="3.mce.1_4_1ml6drs.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_8-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1ml6drs?acm=3.mce.1_4_1ml6drs.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_8-pm_014-lc_201"
                                                    target="_blank">牛仔裤男2019冬天加绒加厚休闲直筒裤青年冬季弹力宽松保暖裤</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">88</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">1</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1maci5o?acm=3.mce.1_4_1maci5o.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_9-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/181024_648id9lfhgkl69bg1ak76kiea3df1_640x960.jpg_220x330.jpg"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/181024_648id9lfhgkl69bg1ak76kiea3df1_640x960.jpg_220x330.jpg"
                                                        data-iids="1maci5o" data-indexs="9"
                                                        data-acms="3.mce.1_4_1maci5o.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_9-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1maci5o?acm=3.mce.1_4_1maci5o.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_9-pm_014-lc_201"
                                                    target="_blank">加绒加厚男士牛仔裤宽松直筒冬季保暖裤子商务弹力大码长裤秋冬款</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">89</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">58</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1moftau?acm=3.mce.1_4_1moftau.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_10-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/191129_4l7c5ef0dgf531el8d1j253kc2d0k_640x960.jpg_220x330.jpg"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/191129_4l7c5ef0dgf531el8d1j253kc2d0k_640x960.jpg_220x330.jpg"
                                                        data-iids="1moftau" data-indexs="10"
                                                        data-acms="3.mce.1_4_1moftau.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_10-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1moftau?acm=3.mce.1_4_1moftau.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_10-pm_014-lc_201"
                                                    target="_blank">休闲裤男秋冬季新款小直筒百搭修身款加绒小脚青年韩版潮流裤子男</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">88</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">18</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1mn8x0a?acm=3.mce.1_4_1mn8x0a.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_11-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s5.mogucdn.com/mlcdn/c45406/191103_8ailh8ga3i4h1010c52a74f22fl3l_640x960.jpg_220x330.jpg"
                                                        data-original="https://s5.mogucdn.com/mlcdn/c45406/191103_8ailh8ga3i4h1010c52a74f22fl3l_640x960.jpg_220x330.jpg"
                                                        data-iids="1mn8x0a" data-indexs="11"
                                                        data-acms="3.mce.1_4_1mn8x0a.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_11-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1mn8x0a?acm=3.mce.1_4_1mn8x0a.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_11-pm_014-lc_201"
                                                    target="_blank">男士羽绒服2019冬季新款帅气加厚潮宽松立领青少年短款外套男</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">188</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">31</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1mi958o?acm=3.mce.1_4_1mi958o.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_12-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190612_8ai56lh4hj1bfl59lbfiii7i92kc6_640x960.jpg_220x330.jpg"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190612_8ai56lh4hj1bfl59lbfiii7i92kc6_640x960.jpg_220x330.jpg"
                                                        data-iids="1mi958o" data-indexs="12"
                                                        data-acms="3.mce.1_4_1mi958o.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_12-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1mi958o?acm=3.mce.1_4_1mi958o.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_12-pm_014-lc_201"
                                                    target="_blank">牛仔裤男秋冬季韩版百搭新款大码弹力宽松直筒青年修身款休闲裤男</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">79</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">27</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1mo2768?acm=3.mce.1_4_1mo2768.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_13-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/191118_0b96236885agi2e0fehd0h4j1kk39_800x1201.jpg_220x330.jpg"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/191118_0b96236885agi2e0fehd0h4j1kk39_800x1201.jpg_220x330.jpg"
                                                        data-iids="1mo2768" data-indexs="13"
                                                        data-acms="3.mce.1_4_1mo2768.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_13-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1mo2768?acm=3.mce.1_4_1mo2768.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_13-pm_014-lc_201"
                                                    target="_blank">衣柜良品 冬季新款加绒牛仔裤男青少年韩版修身款潮流百搭小脚裤</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">89</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">2</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1mo475s?acm=3.mce.1_4_1mo475s.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_14-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/191119_7fcc400e2ee0i19e4ci6gg68bhgja_640x960.jpg_220x330.jpg"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/191119_7fcc400e2ee0i19e4ci6gg68bhgja_640x960.jpg_220x330.jpg"
                                                        data-iids="1mo475s" data-indexs="14"
                                                        data-acms="3.mce.1_4_1mo475s.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_14-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1mo475s?acm=3.mce.1_4_1mo475s.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_14-pm_014-lc_201"
                                                    target="_blank">衣柜良品 冬季加绒牛仔裤男直筒潮流复古宽松加厚青年休闲百搭裤</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">89</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">3</span> </div>
                                                </div>
                                            </li>
                                            <li> <a class="pic"
                                                    href="//shop.mogu.com/detail/1miukym?acm=3.mce.1_4_1miukym.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_15-pm_014-lc_201"
                                                    target="_blank"> <img class="lazy"
                                                        src="https://s11.mogucdn.com/mlcdn/c45406/190701_6kkba732c4d8ba5ie2d7f756ldgi9_640x960.jpg_220x330.jpg"
                                                        data-original="https://s11.mogucdn.com/mlcdn/c45406/190701_6kkba732c4d8ba5ie2d7f756ldgi9_640x960.jpg_220x330.jpg"
                                                        data-iids="1miukym" data-indexs="15"
                                                        data-acms="3.mce.1_4_1miukym.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_15-pm_014-lc_201"
                                                        style="display: block;"> </a> <a class="title"
                                                    href="//shop.mogu.com/detail/1miukym?acm=3.mce.1_4_1miukym.5148.0-73187.9ARKsrKBjcCAC.sd_119_115-mid_5148-pos_15-pm_014-lc_201"
                                                    target="_blank">牛仔短裤男五分裤弹力夏季薄款牛仔中裤男宽松直筒潮修身韩版大码</a>
                                                <div class="info">
                                                    <div class="price"> <em class="price-u">¥</em> <span
                                                            class="price-n">79</span> </div>
                                                    <div class="fav"> <em class="fav-i"></em> <span
                                                            class="fav-n">0</span> </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- 侧边栏 -->
                <div class="col-sidebar">
                    <!-- 店铺模块 -->
                    <div class="module-shop" id="J_ModuleShop">
                        <!-- 店铺信息 -->
                        <div class="ui-box shop-info">
                            <h3 class="ui-hd shop-hd">
                                <div class="shop-name">
                                    <!-- 客服 --><a class="text text-hasim" href="//shop.mogu.com/1172u2t8">衣柜良品分店<div
                                            class="mogutalk_widget_btn kefu mogutalk_pc" data-bid="1172u2t8#23"
                                            data-style="pc" data-from="goodsdetail_skumtalk"></div></a></div>
                            </h3>
                            <div class="shop-occupying ui-hide"></div>
                            <!--如果是良品店铺，就不展示这块信息-->
                            <div class="ui-bd">
                                <!--## 进入、收藏店铺-->
                                <div class="shop-btns"><a id="J_ShopFav" rel="nofollow"
                                        class="J-shop-follow shop-follow btn-fav" href="javascript:;"
                                        data-shopid="1172u2t8">收藏店铺</a><a class="btn-goto"
                                        href="//shop.mogu.com/1172u2t8">进入店铺</a></div>
                                <!--## 店内搜索-->
                                <div class="shop-search"><i class="line"></i>
                                    <form action="//shop.mogu.com/1172u2t8/search/index" method="get" id="J_ShopSearch">
                                        <input class="inptxt" type="text" name="q"><input class="inpbtn" type="submit"
                                            value="店内搜索"></form>
                                </div>
                            </div>
                        </div>
                    </div><!-- 分类模块 -->
                    <div class="module-classify" id="J_ModuleClassify">
                        <!-- 分类信息 -->
                        <div class="ui-box classify-info">
                            <h3 class="ui-hd">本店分类</h3>
                            <div class="ui-bd">
                                <!-- 列表 -->
                                <ul class="classify-list">
                                    <li><a href="//shop.mogu.com/1172u2t8/index/total">全部商品</a></li>
                                </ul>
                            </div>
                        </div>
                    </div><!-- 看了又看模块 -->
                    <div class="module-repeat" id="J_ModuleRepeat">
                        <!-- 看了又看 -->
                        <!--     注：PHP模板走的是本地模板文件：views/modules/module-repeat.php-->
                        <!-- 看了又看信息 -->
                        <div class="ui-box repeat-info">
                            <h3 class="ui-hd">看了又看</h3>
                            <div class="ui-bd">
                                <!-- 列表 -->
                                <ul class="repeat-list">
                                    <li data-id="1ml6drs"> <a class="pic"
                                            href="//shop.mogu.com/detail/1ml6drs?acm=3.mce.1_4_1ml6drs.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_0-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s5.mogucdn.com/mlcdn/c45406/190921_3d83j8i0a05d49lj9f8512911i3c0_640x960.jpg_220x330.jpg"
                                                data-original="https://s5.mogucdn.com/mlcdn/c45406/190921_3d83j8i0a05d49lj9f8512911i3c0_640x960.jpg_220x330.jpg"
                                                data-iids="1ml6drs" data-indexs="0"
                                                data-acms="3.mce.1_4_1ml6drs.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_0-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1ml6drs?acm=3.mce.1_4_1ml6drs.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_0-pm_014-lc_201"
                                            target="_blank">牛仔裤男2019冬天加绒加厚休闲直筒裤青年冬季弹力宽松保暖裤</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">88</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">1</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1me51ys"> <a class="pic"
                                            href="//shop.mogu.com/detail/1me51ys?acm=3.mce.1_4_1me51ys.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_1-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s5.mogucdn.com/mlcdn/c45406/190302_0h31d49dib61khcak63la13fc089f_640x960.jpg_220x330.jpg"
                                                data-original="https://s5.mogucdn.com/mlcdn/c45406/190302_0h31d49dib61khcak63la13fc089f_640x960.jpg_220x330.jpg"
                                                data-iids="1me51ys" data-indexs="1"
                                                data-acms="3.mce.1_4_1me51ys.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_1-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1me51ys?acm=3.mce.1_4_1me51ys.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_1-pm_014-lc_201"
                                            target="_blank">弹力牛仔裤男士修身韩版潮流宽松青年大码秋冬加绒直筒休闲裤子男</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">78</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">6</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1m8eyv4"> <a class="pic"
                                            href="//shop.mogu.com/detail/1m8eyv4?acm=3.mce.1_4_1m8eyv4.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_2-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s5.mogucdn.com/mlcdn/c45406/180910_060jef025a0icg0e896k065532cf6_640x960.jpg_220x330.jpg"
                                                data-original="https://s5.mogucdn.com/mlcdn/c45406/180910_060jef025a0icg0e896k065532cf6_640x960.jpg_220x330.jpg"
                                                data-iids="1m8eyv4" data-indexs="2"
                                                data-acms="3.mce.1_4_1m8eyv4.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_2-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1m8eyv4?acm=3.mce.1_4_1m8eyv4.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_2-pm_014-lc_201"
                                            target="_blank">冬天加绒牛仔裤男弹力加厚直筒宽松休闲中青年保暖裤男士裤子2018新款冬季男百搭长裤</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">88</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">193</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1maci5o"> <a class="pic"
                                            href="//shop.mogu.com/detail/1maci5o?acm=3.mce.1_4_1maci5o.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_3-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s5.mogucdn.com/mlcdn/c45406/181024_648id9lfhgkl69bg1ak76kiea3df1_640x960.jpg_220x330.jpg"
                                                data-original="https://s5.mogucdn.com/mlcdn/c45406/181024_648id9lfhgkl69bg1ak76kiea3df1_640x960.jpg_220x330.jpg"
                                                data-iids="1maci5o" data-indexs="3"
                                                data-acms="3.mce.1_4_1maci5o.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_3-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1maci5o?acm=3.mce.1_4_1maci5o.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_3-pm_014-lc_201"
                                            target="_blank">加绒加厚男士牛仔裤宽松直筒冬季保暖裤子商务弹力大码长裤秋冬款</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">89</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">58</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1moftau"> <a class="pic"
                                            href="//shop.mogu.com/detail/1moftau?acm=3.mce.1_4_1moftau.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_4-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s11.mogucdn.com/mlcdn/c45406/191129_4l7c5ef0dgf531el8d1j253kc2d0k_640x960.jpg_220x330.jpg"
                                                data-original="https://s11.mogucdn.com/mlcdn/c45406/191129_4l7c5ef0dgf531el8d1j253kc2d0k_640x960.jpg_220x330.jpg"
                                                data-iids="1moftau" data-indexs="4"
                                                data-acms="3.mce.1_4_1moftau.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_4-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1moftau?acm=3.mce.1_4_1moftau.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_4-pm_014-lc_201"
                                            target="_blank">休闲裤男秋冬季新款小直筒百搭修身款加绒小脚青年韩版潮流裤子男</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">88</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">18</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1mm5l0c"> <a class="pic"
                                            href="//shop.mogu.com/detail/1mm5l0c?acm=3.mce.1_4_1mm5l0c.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_5-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s5.mogucdn.com/mlcdn/c45406/191017_1h51f22kf7d2d86k9ef6600gihld8_640x960.jpg_220x330.jpg"
                                                data-original="https://s5.mogucdn.com/mlcdn/c45406/191017_1h51f22kf7d2d86k9ef6600gihld8_640x960.jpg_220x330.jpg"
                                                data-iids="1mm5l0c" data-indexs="5"
                                                data-acms="3.mce.1_4_1mm5l0c.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_5-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1mm5l0c?acm=3.mce.1_4_1mm5l0c.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_5-pm_014-lc_201"
                                            target="_blank">工装休闲裤男秋冬季新款束脚哈伦裤百搭青少年直筒修身小脚裤男潮</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">68.6</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">103</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1mn8x0a"> <a class="pic"
                                            href="//shop.mogu.com/detail/1mn8x0a?acm=3.mce.1_4_1mn8x0a.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_6-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s5.mogucdn.com/mlcdn/c45406/191103_8ailh8ga3i4h1010c52a74f22fl3l_640x960.jpg_220x330.jpg"
                                                data-original="https://s5.mogucdn.com/mlcdn/c45406/191103_8ailh8ga3i4h1010c52a74f22fl3l_640x960.jpg_220x330.jpg"
                                                data-iids="1mn8x0a" data-indexs="6"
                                                data-acms="3.mce.1_4_1mn8x0a.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_6-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1mn8x0a?acm=3.mce.1_4_1mn8x0a.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_6-pm_014-lc_201"
                                            target="_blank">男士羽绒服2019冬季新款帅气加厚潮宽松立领青少年短款外套男</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">188</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">31</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1mi958o"> <a class="pic"
                                            href="//shop.mogu.com/detail/1mi958o?acm=3.mce.1_4_1mi958o.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_7-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s11.mogucdn.com/mlcdn/c45406/190612_8ai56lh4hj1bfl59lbfiii7i92kc6_640x960.jpg_220x330.jpg"
                                                data-original="https://s11.mogucdn.com/mlcdn/c45406/190612_8ai56lh4hj1bfl59lbfiii7i92kc6_640x960.jpg_220x330.jpg"
                                                data-iids="1mi958o" data-indexs="7"
                                                data-acms="3.mce.1_4_1mi958o.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_7-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1mi958o?acm=3.mce.1_4_1mi958o.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_7-pm_014-lc_201"
                                            target="_blank">牛仔裤男秋冬季韩版百搭新款大码弹力宽松直筒青年修身款休闲裤男</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">79</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">27</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1mkfmf4"> <a class="pic"
                                            href="//shop.mogu.com/detail/1mkfmf4?acm=3.mce.1_4_1mkfmf4.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_8-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s11.mogucdn.com/mlcdn/c45406/190921_1diikb3aafhfkgjf0a35g75lchcaa_640x960.jpg_220x330.jpg"
                                                data-original="https://s11.mogucdn.com/mlcdn/c45406/190921_1diikb3aafhfkgjf0a35g75lchcaa_640x960.jpg_220x330.jpg"
                                                data-iids="1mkfmf4" data-indexs="8"
                                                data-acms="3.mce.1_4_1mkfmf4.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_8-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1mkfmf4?acm=3.mce.1_4_1mkfmf4.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_8-pm_014-lc_201"
                                            target="_blank">秋冬季新款日系牛仔裤男潮流修身款哈伦九分小脚裤百搭学生青少年</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">69</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">134</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1mo2768"> <a class="pic"
                                            href="//shop.mogu.com/detail/1mo2768?acm=3.mce.1_4_1mo2768.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_9-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s11.mogucdn.com/mlcdn/c45406/191118_0b96236885agi2e0fehd0h4j1kk39_800x1201.jpg_220x330.jpg"
                                                data-original="https://s11.mogucdn.com/mlcdn/c45406/191118_0b96236885agi2e0fehd0h4j1kk39_800x1201.jpg_220x330.jpg"
                                                data-iids="1mo2768" data-indexs="9"
                                                data-acms="3.mce.1_4_1mo2768.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_9-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1mo2768?acm=3.mce.1_4_1mo2768.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_9-pm_014-lc_201"
                                            target="_blank">衣柜良品 冬季新款加绒牛仔裤男青少年韩版修身款潮流百搭小脚裤</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">89</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">2</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1mo475s"> <a class="pic"
                                            href="//shop.mogu.com/detail/1mo475s?acm=3.mce.1_4_1mo475s.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_10-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s11.mogucdn.com/mlcdn/c45406/191119_7fcc400e2ee0i19e4ci6gg68bhgja_640x960.jpg_220x330.jpg"
                                                data-original="https://s11.mogucdn.com/mlcdn/c45406/191119_7fcc400e2ee0i19e4ci6gg68bhgja_640x960.jpg_220x330.jpg"
                                                data-iids="1mo475s" data-indexs="10"
                                                data-acms="3.mce.1_4_1mo475s.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_10-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1mo475s?acm=3.mce.1_4_1mo475s.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_10-pm_014-lc_201"
                                            target="_blank">衣柜良品 冬季加绒牛仔裤男直筒潮流复古宽松加厚青年休闲百搭裤</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">89</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">3</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-id="1miukym"> <a class="pic"
                                            href="//shop.mogu.com/detail/1miukym?acm=3.mce.1_4_1miukym.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_11-pm_014-lc_201"
                                            target="_blank"> <img class="lazy loggered"
                                                src="https://s11.mogucdn.com/mlcdn/c45406/190701_6kkba732c4d8ba5ie2d7f756ldgi9_640x960.jpg_220x330.jpg"
                                                data-original="https://s11.mogucdn.com/mlcdn/c45406/190701_6kkba732c4d8ba5ie2d7f756ldgi9_640x960.jpg_220x330.jpg"
                                                data-iids="1miukym" data-indexs="11"
                                                data-acms="3.mce.1_4_1miukym.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_11-pm_014-lc_201"
                                                style="display: block;"> </a> <a class="title"
                                            href="//shop.mogu.com/detail/1miukym?acm=3.mce.1_4_1miukym.5123.0-32452.3R2QTrKBjcNYl.sd_119_115-mid_5123-pos_11-pm_014-lc_201"
                                            target="_blank">牛仔短裤男五分裤弹力夏季薄款牛仔中裤男宽松直筒潮修身韩版大码</a>
                                        <div class="info">
                                            <div class="price"> <em class="price-u">¥</em> <span
                                                    class="price-n">79</span> </div>
                                            <div class="fav"> <em class="fav-i"></em> <span class="fav-n">0</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- 扩展栏 -->
                <div class="col-extra"><i class="bor-line bor-r"></i><i class="bor-line bor-b"></i><i
                        class="bor-line bor-l"></i><!-- 购物车模块 -->
                    <div class="module-cart" id="J_ModuleCart">
                        <div class="ui-box cart-info">
                            <div class="ui-hd cart-hd"><a class="cart-name"
                                    href="javascript:;"><span><i></i>加入购物车</span></a></div>
                            <div class="cart-occupying ui-hide"></div>
                        </div>
                    </div>
                    <div class="qrcode">
                        <div class="qrcode-togger">手机扫码下单</div>
                        <div class="qrcode-pic"><canvas width="177" height="177"></canvas></div><i
                            class="qrcode-mini"></i><i class="qrcode-arrow"></i>
                    </div><!-- 右侧子导航模块 -->
                    <div class="module-extranav" id="J_ModuleExtranav">
                        <!-- 主体 -->
                        <div class="extranav-bd">
                            <!-- 模块-扩展导航栏 -->
                            <!--     注：PHP模板走的是本地模板文件：views/modules/module-extranav.php-->
                            <!-- 子导航列表 -->
                            <ul class="extranav-list">
                                <!-- 商品描述 -->
                                <li data-module="J_Graphic_desc" class=""> <a href="javascript:;">商品描述</a> </li>
                                <!-- 产品参数 -->
                                <li data-module="J_Graphic_产品参数" class=""> <a href="javascript:;">产品参数</a> </li>
                                <!-- 模块列表 -->
                                <li data-module="J_Graphic_穿着效果" class="selected"> <a href="javascript:;">穿着效果</a> </li>
                                <!-- 尺码说明 -->
                                <li data-module="J_Graphic_尺码说明" class=""> <a href="javascript:;">尺码说明</a> </li>
                                <!-- 本店同类商品 -->
                                <li data-module="J_RecommendList" class=""> <a href="javascript:;">商品推荐</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div><!-- 内容部分-END -->
        </div>
    </div>
    <div class="foot J_siteFooter" data-ptp="_foot"
        style="background-image: url(&quot;https://s10.mogucdn.com/mlcdn/c45406/181031_40flk9d5hkkjf44246248clfl77f1_1440x500.jpg&quot;);">
        <div class="mgj_copyright">
            <div class="mgj_footer_icon"><a rel="nofollow" target="_blank"
                    href="https://www.mogu.com/?acm=3.mce.1_10_1kb0y.130549.0.9qYcwrKBixSgV.pos_0-m_473677-sd_119"><img
                        src="https://s10.mogucdn.com/mlcdn/c45406/181112_4a8ch8fac2i12ib313hif4da35ed3_280x76.png"></a>
            </div>
            <div class="mgj_footer_helper clearfix">
                <div class="mgj_footer_helper_mod">
                    <div class="mgj_footer_helper_mod_container">
                        <div class="mgj_footer_helper_title">新手帮助<p class="mgj_footer_helper_title_border"></p>
                        </div>
                        <ul>
                            <li class="mgj_footer_helper_item"><a rel="nofollow" target="_blank"
                                    href="https://cs.mogu.com/help/faq.html?acm=3.mce.1_10_19kyo.32260.0.9qYcxrKBixSg1.pos_1-m_223508-sd_119">常见问题</a>
                            </li>
                            <li class="mgj_footer_helper_item"><a rel="nofollow" target="_blank"
                                    href="https://cs.mogu.com/help/selfservice.html?acm=3.mce.1_10_19kyk.32260.0.9qYcxrKBixSg2.pos_2-m_223506-sd_119">自助服务</a>
                            </li>
                            <li class="mgj_footer_helper_item"><a rel="nofollow" target="_blank"
                                    href="https://cs.mogu.com/help/contactus.html?acm=3.mce.1_10_19kym.32260.0.9qYcxrKBixSg3.pos_3-m_223507-sd_119">联系客服</a>
                            </li>
                            <li class="mgj_footer_helper_item"><a rel="nofollow" target="_blank"
                                    href="https://cs.mogu.com/help/feedback.html?acm=3.mce.1_10_19kyi.32260.0.9qYcxrKBixSg4.pos_4-m_223505-sd_119">意见反馈</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mgj_footer_helper_mod">
                    <div class="mgj_footer_helper_mod_container">
                        <div class="mgj_footer_helper_title">权益保障<p class="mgj_footer_helper_title_border"></p>
                        </div>
                        <ul>
                            <li class="mgj_footer_helper_item">
                                <div>全国包邮</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>7天无理由退货</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>退货运费补贴</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>限时发货</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mgj_footer_helper_mod">
                    <div class="mgj_footer_helper_mod_container">
                        <div class="mgj_footer_helper_title">支付方式<p class="mgj_footer_helper_title_border"></p>
                        </div>
                        <ul>
                            <li class="mgj_footer_helper_item">
                                <div>微信支付</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>支付宝</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>白付美支付</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mgj_footer_helper_mod">
                    <div class="mgj_footer_helper_mod_container">
                        <div class="mgj_footer_helper_title">移动客户端下载<p class="mgj_footer_helper_title_border"></p>
                        </div>
                        <ul>
                            <li class="mgj_footer_helper_item mgj_footer_helper_item_last">
                                <div>蘑菇街</div><img class="mgj_footer_helper_quoer_code"
                                    src="https://s10.mogucdn.com/mlcdn/c45406/190221_3l1eje914h3h6ch88ce2l6eh0jl17_260x260.png">
                            </li>
                            <li class="mgj_footer_helper_item mgj_footer_helper_item_last">
                                <div>美丽说</div><img class="mgj_footer_helper_quoer_code"
                                    src="https://s10.mogucdn.com/mlcdn/c45406/190221_60dd5ic9e009acbjb005c8c2k8k89_260x260.png">
                            </li>
                            <li class="mgj_footer_helper_item mgj_footer_helper_item_last">
                                <div>uni引力</div><img class="mgj_footer_helper_quoer_code"
                                    src="https://s10.mogucdn.com/mlcdn/c45406/181029_1e2kfd9la7jg28063eleikgj3k033_158x144.png">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mgj_footer_mgjinfo">
                <ul class="mgj_footer_mgjinfo_list clearfix">
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="http://www.mogu-inc.com/home/home.html?acm=3.mce.1_10_19kz6.32163.0.9qYcxrKBixSho.pos_0-m_223517-sd_119">关于我们</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://job.mogu.com?acm=3.mce.1_10_19kz8.32163.0.9qYcxrKBixShp.pos_1-m_223518-sd_119">招聘信息</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://www.mogu.com/about?acm=3.mce.1_10_19kza.32163.0.9qYcxrKBixShq.pos_2-m_223519-sd_119">联系我们</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://cycle.mogu.com/pc/joinmarket?acm=3.mce.1_10_19kzg.32163.0.9qYcxrKBixShr.pos_3-m_223522-sd_119">商家入驻</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="http://xd.mogu.com/work/home?acm=3.mce.1_10_19kzi.32163.0.9qYcxrKBixShs.pos_4-m_223523-sd_119">商家后台</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="http://bbs.mogu.com?acm=3.mce.1_10_19kzm.32163.0.9qYcxrKBixSht.pos_5-m_223525-sd_119">商家社区</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://cs.mogu.com/rule/index.html?acm=3.mce.1_10_1epzq.32163.0.9qYcxrKBixShu.pos_6-m_343407-sd_119">规则中心</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://cs.mogu.com/rule/judgement.html?categoryId=1ng&amp;acm=3.mce.1_10_1krsm.32163.0.9qYcxrKBixShv.pos_7-m_484543-sd_119">规则众议院</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://securityreport.mogu.com/index?acm=3.mce.1_10_1fnr8.32163.0.9qYcxrKBixShw.pos_8-m_365286-sd_119">有害信息举报</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://cs.mogu.com/rule/mogu.html?categoryId=1iq&amp;ruleId=1536&amp;acm=3.mce.1_10_1jtfw.32163.0.9qYcxrKBixShx.pos_9-m_462282-sd_119">用户隐私保护</a>
                    </li>
                </ul>
            </div>
            <div class="mgj_footer_hostname"><span>©2019 Mogu.com 杭州卷瓜网络有限公司</span></div>
            <div class="mgj_footer_copyright">
                <p class="mgj_footer_copyright_container"><span class="mgj_footer_copyright_span">营业执照：</span><a
                        rel="nofollow" target="_blank" class="mgj_footer_a"
                        href="https://s10.mogucdn.com/mlcdn/c45406/181119_0a3j5l86651d5ciklai091dd78d41_1239x1753.jpg?acm=3.mce.1_10_19kyq.32170.0.9qYcxrKBixShe.pos_0-m_223509-sd_119">913301065526808764</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                        target="_blank" class="mgj_footer_a"
                        href="https://s5.mogucdn.com/mlcdn/c45406/191106_618hj14k5i3b0959i0b8d6j0gifa4_1653x2338.jpg?acm=3.mce.1_10_1mzcw.32170.0.9qYcxrKBixShf.pos_1-m_536100-sd_119">营业性演出许可证</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                        target="_blank" class="mgj_footer_a"
                        href="https://s5.mogucdn.com/mlcdn/c45406/191209_1cg4g6i3l7aflgc4f4ih38251a76j_2480x3507.jpg?acm=3.mce.1_10_1naa0.32170.0.9qYcxrKBixShg.pos_2-m_543176-sd_119">网络文化经营许可证</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span">增值电信业务经营许可证：</span><a
                        rel="nofollow" target="_blank" class="mgj_footer_a"
                        href="https://s10.mogucdn.com/mlcdn/c45406/171109_1ll0b37l83lj8e3i35h28a92g31i3_1239x1754.jpg?acm=3.mce.1_10_19kys.32170.0.9qYcxrKBixShh.pos_3-m_223510-sd_119">浙B2-20110349</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                        target="_blank" class="mgj_footer_a"
                        href="https://s16.mogucdn.com/p2/160831/upload_506h1d771b5k20j9148ldjj0kdaab_960x1344.jpg?acm=3.mce.1_10_19l02.32170.0.9qYcxrKBixShi.pos_4-m_223533-sd_119">安全责任书</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span></p>
                <div class="mgj_footer_a"><img class="mgj_footer_a_img"
                        src="https://s3.mogucdn.com/mlcdn/c45406/190515_0gei4681dhlh0cf9ch0g33j97d88l_20x20.png">浙公网安备
                    33010602010221号</div><b class="mgj_footer_b"> | </b><span
                    class="mgj_footer_copyright_span"></span><a rel="nofollow" target="_blank" class="mgj_footer_a"
                    href="https://s11.mogucdn.com/mlcdn/c45406/190531_3ggf3f5alhgkl3cgl1869ce3j72ih.pdf?acm=3.mce.1_10_1i4u6.32170.0.9qYcxrKBixShk.pos_6-m_423011-sd_119">互联网药品信息服务资格证书编号：（浙)-经营性-2018-0002</a><b
                    class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                    target="_blank" class="mgj_footer_a"
                    href="http://zjamr.zj.gov.cn/HTML/gggs/201905/793d932f-600e-4ccc-95f9-1ddd47e82dba.html?acm=3.mce.1_10_1i94i.32170.0.9qYcxrKBixShl.pos_7-m_425789-sd_119">浙网食A33010003</a><b
                    class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                    target="_blank" class="mgj_footer_a"
                    href="https://s11.mogucdn.com/mlcdn/c45406/190731_076d34acgb81k103eh6981e7gli43.pdf?acm=3.mce.1_10_1ihmo.32170.0.9qYcxrKBixShm.pos_8-m_431300-sd_119">出版物网络交易平台服务经营备案证</a><b
                    class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                    target="_blank" class="mgj_footer_a"
                    href="https://s3.mogucdn.com/mlcdn/c45406/190627_3h4kj8i8g09edf49kgic1e3k487e3.pdf?acm=3.mce.1_10_1ineu.32170.0.9qYcxrKBixShn.pos_9-m_435047-sd_119">(浙)网械平台备字[2018]第00006号</a><b
                    class="mgj_footer_b"> | </b>
                <p></p>
            </div>
        </div>
    </div>

</body>
<script src="../js/jquery-3.4.1.js"></script>
<script>
$(()=>{
    //根据列表页传过来的数据。渲染详情页
       function strToObj(str) {//字符串转为对象
        var obj = {};
        var arr = str.split('&');
        arr.forEach(function (item) {
            var data = item.split('=');
            var key = data[0];
            var val = data[1];
            obj[key] = val;
        });
        return obj;
    }
    let data = strToObj(decodeURI(window.location.search.slice(1)));
    // console.log(data);
    $("#J_BigImg").attr("src", data.src);
    $("#goods_name").text(data.title);
    $("#J_NowPrice").text(data.nowPrice);
    $("#J_OriginPrice").text(data.delPrice);
    $("#nums").text(data.num);
//--------------------------------------------------------------------------------------------------//
//放大镜效果
$(`<div class="biger"></div>`).appendTo(".big-img");
$(`<div class="mask"></div>`).appendTo(".middle");
$(`<img src="${$("#J_BigImg").attr("src")}" alt="">`).appendTo(".biger");

    let shadeWidth = $('.mask').width(),//阴影的宽度 
        shadeHeight = $('.mask').height(),//阴影的高度 
        middleWidth = $('.middle').width(),//容器的宽度 
        middleHeight = $('.middle').height(),//容器的高度 
        bigImgWidth = $('.biger').width(),//放大图片盒子的宽度 
        bigImgHeight = $('.biger').height(),//放大图片盒子的高度 
        rateX = bigImgWidth / shadeWidth,//放大区和遮罩层的宽度比例2 
        rateY = bigImgHeight / shadeHeight;//放大区和遮罩层的高度比例2
$(".middle").hover(function(){
    $(".biger").toggle();
    $(".mask").toggle();
}).mousemove(function (e) {
    //记录下光标距离页面的距离 
    let x = e.pageX,
        y = e.pageY;

    //设置遮罩层的位置 
    $('.mask').offset({
        top: y - shadeHeight / 2,
        left: x - shadeWidth / 2
    });
    //获取遮罩层相对父元素的位置 
    let cur = $('.mask').position(),
        _top = cur.top,
        _left = cur.left,
        hdiffer = middleHeight - shadeHeight,
        wdiffer = middleWidth - shadeWidth;

    if (_top < 0) _top = 0;
    else if (_top > hdiffer) _top = hdiffer;
    if (_left < 0) _left = 0;
    else if (_left > wdiffer) _left = wdiffer;

    //判断完成后设置遮罩层的范围 
    $('.mask').css({
        top: _top,
        left: _left
    });
    //设置放大区图片移动 
    $('.biger img').css({
        top: - _top * rateY,
        left: - _left * rateX
    });
})

//-------------------------------------------------------------------------------------------------//
    //登录
    if (window.localStorage["username"]) {
        $("#login_div").hide();
        $("#user_div").show();
        $("#user_name").text(window.localStorage["username"]);
        
    } else {
        $("#login_div").show();
        $("#user_div").hide();
    }
    //退出登录
    $(".singout").click(function () {
        window.localStorage.removeItem("username");
        window.localStorage.removeItem("id");
        $("#login_div").show();
        $("#user_div").hide();
    })

      //右上角“关于我们”展开菜单
    $(".header-about-us").hover(function () {
        $(".header-about-us-detail").toggle();
    })

    //搜索栏“旺旺图标”展开菜单
    $("#mogutalk_widget_box").hover(function () {
        $(".J-shop-user-info-detail").toggle();
    })
    //回到顶部
    $(".sideBottom").click(function () {
        $('body,html').animate({ scrollTop: 0 }, 1000);
        return false;
    });
    //"商品详情"标签切换
    $(".tab-graphic").click(function(){
        $(this).addClass("selected").siblings().removeClass("selected");

        $(".module-panel").eq($(this).index()).removeClass("ui-none").siblings().addClass("ui-none");

        if($(this).index()!=0){
            $("#J_ModuleExtranav").hide();
           
        }else{
         $("#J_ModuleExtranav").show();
        }
    })
//-----------------------------------------------------------------------------------------------------------------//
    
     $(window).scroll(() => {
        
         //吸顶菜单
        if ($("#J_ModuleGraphic").hasClass("ui-none")){
            $("#J_ModuleExtranav").hide();

            $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 5000 ? $(".tabbar-bg").attr("style", "display:block;position:fixed;top:0;") : $(".tabbar-bg").removeAttr("style", "display:block;position:fixed;top:0;");

           $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 5000 ? $(".shop-hd").attr("style", "z-index:9999;position:fixed;top:0;") : $(".shop-hd").removeAttr("style", "z-index:9999;position:fixed;top:0;");

           $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 5000 ? $(".tabbar-box").attr("style", "z-index:9999;position:fixed;top:0;") : $(".tabbar-box").removeAttr("style", "z-index:9999;position:fixed;top:0;");

           $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 5000 ? $(".qrcode").attr("style", "z-index:9999;position:fixed;top:0;") : $(".qrcode").removeAttr("style", "z-index:9999;position:fixed;top:0;");

           $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 5000 ? $("#J_ModuleCart").attr("style", "z-index:9999;position:fixed;top:0;right:400px;").show() : $("#J_ModuleCart").removeAttr("style", "z-index:9999;position:fixed;top:0;right:400px;").hide();

       } else {
        
            $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 34000 ? $(".tabbar-bg").attr("style", "display:block;position:fixed;top:0;") : $(".tabbar-bg").removeAttr("style", "display:block;position:fixed;top:0;");

            $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 34000 ? $(".shop-hd").attr("style", "z-index:9999;position:fixed;top:0;") : $(".shop-hd").removeAttr("style", "z-index:9999;position:fixed;top:0;");

            $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 34000 ? $(".tabbar-box").attr("style", "z-index:9999;position:fixed;top:0;") : $(".tabbar-box").removeAttr("style", "z-index:9999;position:fixed;top:0;");

            $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 34000 ? $(".qrcode").attr("style", "z-index:9999;position:fixed;top:0;") : $(".qrcode").removeAttr("style", "z-index:9999;position:fixed;top:0;");

            $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 34000 ? $("#J_ModuleExtranav").attr("style", "z-index:9999;position:fixed;top:59px;") : $("#J_ModuleExtranav").removeAttr("style", "z-index:9999;position:fixed;top:59px;");

            $(window).scrollTop() >= 1360 && $(window).scrollTop() <= 34000 ? $("#J_ModuleCart").attr("style", "z-index:9999;position:fixed;top:0;right:400px;").show() : $("#J_ModuleCart").removeAttr("style", "z-index:9999;position:fixed;top:0;right:400px;").hide();

           if($(window).scrollTop() < 1400){
               $(".extranav-list>li").eq(0).addClass("selected").siblings().removeClass("selected");
           }else if($(window).scrollTop() >= 1400 && $(window).scrollTop() < 1650){
               $(".extranav-list>li").eq(1).addClass("selected").siblings().removeClass("selected");
           }else if($(window).scrollTop() >= 1650 && $(window).scrollTop() < 32300){
               $(".extranav-list>li").eq(2).addClass("selected").siblings().removeClass("selected");
           }else if($(window).scrollTop() >= 32300 && $(window).scrollTop() < 32800){
               $(".extranav-list>li").eq(3).addClass("selected").siblings().removeClass("selected");
           }else if($(window).scrollTop() >= 32800){
               $(".extranav-list>li").eq(4).addClass("selected").siblings().removeClass("selected");
           }
        }
 
    
     });
     $(".extranav-list>li").click(function () {
        $(this).addClass("selected").siblings().removeClass("selected");
        if ($(this).index() == 0) {
            $('body,html').animate({ scrollTop: 1300 }, 500);
        }else if($(this).index() == 1){
            $('body,html').animate({ scrollTop: 1400 }, 500);
        } else if ($(this).index() == 2) {
            $('body,html').animate({ scrollTop: 1700 }, 500);
        } else if ($(this).index() == 3) {
            $('body,html').animate({ scrollTop: 32300 }, 500);
        } else if ($(this).index() == 4) {
            $('body,html').animate({ scrollTop: 32800 }, 500);
        }
    })

    //点击橙色的“购物车”，回到放大镜处的“购物车”
    $("#J_ModuleCart").click(function(){
        $('body,html').animate({ scrollTop: 300 }, 500);
    })

    //放大镜处的“购物车”点击的时候，右面的滚动栏“购物车”数量增加
    $("#J_BuyCart").click(function(){
        
        if(!localStorage["username"]){
            window.location.href="http://127.0.0.1/code/program/client/html/register.html";
        }else{
             $.ajax({
                type: "post",
                url: "http://127.0.0.1/code/program/server/01cart.php",
                data: { type: "add", good_id: data.good_id, user_id: localStorage.user_id, table_index: data.table },
                dataType: "json",
                success: function (response) {
                    if (response.status == "success") {
                        alert("添加成功");
                        $("#good_count").text($("#good_count").text() * 1 + 1);
                    }
                }
            });
        }
         console.log(localStorage);
    });

    if(localStorage.user_id){
        $.ajax({
            type: "post",
            url: "http://127.0.0.1/code/program/server/02getTotalCount.php",
            data: {user_id: localStorage.user_id},
            dataType: "json",
            success: function ({total}) {
               console.log(total);
                localStorage.setItem("good_count", `${total}`);
                
                 $("#good_count").text(total);
            }
        });
    }
   
    
    //这是监听函数的末尾
    
});

</script>
</html>